0

このメタタグを使用して、サイトのレイアウトをモバイル画面の幅に合わせ、垂直スクロールのみを許可することを理解しています。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

何らかの理由で、私のサイトhttp://www.nikib.co.il/ で期待どおりに機能せず、奇妙な動作が発生しています

また、使用してみてください

    <meta name="viewport" content="width=device-width" />

しかし、まだ期待どおりの結果が得られていません...ここで私が間違っている理由を誰か思いつくことができますか?

4

2 に答える 2

3

あなたのビューポートは正しいようです。あなたのCSSはそうではありません。期待どおりの動作をさせるには、固定ピクセル幅ではなく、サイト幅を最大 100% に調整する必要があります。

その結果、完全なコード レビューが行われ、サイトの css (および html) が部分的に再構築されます。

于 2013-01-01T11:35:24.907 に答える
0

次のコードを頭に追加します。

<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale = 1.0, width=device-width, user-scalable=no">
于 2013-01-01T10:16:47.093 に答える