CSS Max-Device-Width 800はAndroid電話で一致していません

Question

デスクトップでの見た目よりも、モバイルでは違うように見えるサイトを作成しています。それが関連する場合は、Nexus -S -Android 2.3でテストしています。私は設定しました viewport メタタグに device-width.

CSSでは、aを追加しました @media all and (max-device-width: 800px) すべてのモバイル固有のスタイルを備えたルール。しかし、それは適用されていません。私はそれをすべて作りました !important CSSファイルの最後のブロックとして配置しますが、それでも機能していません。

誰かがこのようなことを経験しますか？

Answer 1

私は持っています モバイル画面幅 モバイルデバイスでさまざまな画面解像度をチェックするためのテストページ。私のHTCの要望では、幅ルールは800pxと一致します。 initial-scale ビューポートメタの0.67。

設定した場合 width に device-width で initial-scale の 1.0, 、CSSルールの533ピクセルとして画面が表示されます。

携帯電話でそれをチェックして、それがあなたのページに役立つかどうかを確認してください。

Answer 2

これをヘッダーに入れましたか：

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