デスクトップでの表示とは異なり、モバイルでの表示が異なるサイトを作成しています。関連する場合は、nexus-s-android 2.3でテストしています。viewportメタタグを に設定しましたdevice-width。
CSS で、@media all and (max-device-width: 800px)すべてのモバイル固有のスタイルを持つルールを追加しました。しかし、そのどれもが適用されていません。私はそれをすべて作成!importantし、css ファイルの最後のブロックとして配置しましたが、それでも機能しません。
誰もがこのようなことを経験していますか?
モバイル デバイスのさまざまな画面解像度をチェックするためのモバイル画面幅テスト ページがあります。私の HTC Desire ではinitial-scale、ビューポート メタで 0.67 を指定すると、幅のルールは 800px に一致します。
widthtoにofを設定するdevice-widthと、CSS ルールで画面が 533 ピクセルになります。initial-scale1.0
携帯電話でチェックして、ページに役立つかどうかを確認してください。
これをヘッダーに入れましたか：
<meta name="viewport" content="width=device-width"/>