レスポンシブデザインについて質問です。
今回初めてレスポンシブデザインのウェブを作成しました。
スマフォサイズとPCサイズのプレイクポイントが1点の仕様ですが、
たしかにスマホとPCで見る分には問題ないのですが、
ipadminiを縦でみると画面の横幅が切れてしまいます。
ipadminiでも横にすると大丈夫です。
ipadではpc版が表示されれば問題ないです。
metaのviewportはこのように記載しています。
ーーーーーーーーーーーーーー
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
ーーーーーーーーーーーーーー
他社で似たようなサイトを見つけたのですが、
pcでは上記のようにソースが書かれていて、
ipadでソースを確認(safariの開発ツールで確認)すると、
<meta name"viewport" content="width=1100px">と書かれていました。
デバイスに準じてmetaタグを切替えているのでしょうか?
それができるならその方法か、
または他の方法で対応できるかご存知の方いらっしゃいませんか?
みんなの回答 2 件
initial-scale=1を消してみろ。たぶんipadminiの縦で横が切れるのは直る。
デバイスでviewport分けてるのはたぶんサーバーサイドのプログラムだろ。phpとかさ。
JSでもビューポートのメタは切り替えれるよ。
ただその場合は、JSでviewportを挿入して、HTML側には書かないようにしないとダメ。
関連するトピックス