-
ID:oONCpw さんの質問

レスポンシブデザインについて質問です。

今回初めてレスポンシブデザインのウェブを作成しました。
スマフォサイズと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 件

ID:uB/bcr さんの回答

initial-scale=1を消してみろ。たぶんipadminiの縦で横が切れるのは直る。
デバイスでviewport分けてるのはたぶんサーバーサイドのプログラムだろ。phpとかさ。

ID:oONCpw

ありがとうございます。
initial-scale=1を消してみましたが、横は切れたままでした。。phpは使用していません。

ID:.WVX1W さんの回答

JSでもビューポートのメタは切り替えれるよ。
ただその場合は、JSでviewportを挿入して、HTML側には書かないようにしないとダメ。

ID:oONCpw

それらしいプラグインをみつけました!やってみます。ありがとうございます。

最終更新日:2014-04-18 (3,507 views)

関連するトピックス

ページ上部に戻る