モバイルブラウザでメディアクエリが機能していませんか？

Question

私は現在、Firefox & Chromeのようなデフォルトのブラウザでうまく動作するウェブサイトのモバイル版に取り組んでいます。ベースは、最大幅440ピクセル（@mediaスクリーンと（最大幅：440px）、ポートレートモードをターゲットにするメディアクエリを含む流体レイアウトです）

デフォルトのブラウザでは、フォントサイズが変更されています。小さな画像やdivなどしかし、私はHTCのAndroid携帯電話でデフォルトのブラウザでサイトをテストするときには480pxの幅に基づいて、通常のスタイルの代わりに最大幅440スタイルを表示します。

この動作の問題？モバイル版はhttpp：//www.seeyouzoeningouda.nl/m

で表示されます。実際にコードのどの部分があなたに表示されるかわからないので、CSSを掲載していません。 CSデフォルトのHTM15定型テンプレート（www.html5boilerplate.com）に基づいています。

Answer 1

モバイルデバイスは、時には@media handheldの対象となります。画面の代わりに@media allを使用してみてください。

Answer 2

どのモバイルデバイスでテストに使用しましたか？
samsung galaxy s3またはapple iphone 4の場合、デバイスの解像度が2倍になっているため、メディアクエリが機能しない原因になっている可能性があります。

したがって、私は最大4倍の480pxから960pxに、サムスンギャラクシーs3の場合は360pxから720pxへの最大幅を2倍にしてみてください。

例えば、
@mediaハンドヘルド、画面と（最大幅：960ピクセル幅）
@mediaハンドヘルド、画面と（最大幅：720px）

私は、これはポートレートモードをターゲットにあなたを助けるかもしれないと思います。