2

デスクトップ Web ブラウザー ( www.coolnique.com ) で問題なく応答する Web サイトがありますが、モバイルで表示すると、正しい画面サイズを取得していないようです。

私が使用しているメタタグは次のとおりです。

<meta name="viewport" content="width=device-width, initial-scale = 1.0">

iPhone で表示していますが、ビューポートはデバイスが実際の 2 倍であると認識しているようです。

デスクトップで表示して遊んでから、モバイルでサイトをチェックすると、私の言いたいことがわかるでしょう。他に何が影響しているのかわかりません!

誰かが詳細を知りたい場合は、私に知らせてください。

ありがとう!

4

1 に答える 1

1

最初にコードを検証することを常に忘れないでください! バリデーターを介して CSS を実行すると、次のエラーが発生しました。

Parse Error 
/*layouts smaller than 600px, iPhone and mobiles*/ 
@media only screen and (max-width: 480px), s...

前のメディア クエリのブレースを閉じていないようです。

于 2013-09-03T17:08:33.277 に答える