3

私は現在、Firefox や Chrome などの既定のブラウザーでうまく機能する Web サイトのモバイル バージョンに取り組んでいます。Base は、最大幅 440px (@media screen および (max-width: 440px)) のメディア クエリを使用した流動的なレイアウトで、ポートレート モードをターゲットにします。

小さい画像や div などの他の設定と一緒に、デフォルトのブラウザーでフォント サイズが変更されています。ただし、HTC Android フォンでデフォルトのブラウザーを使用してサイトをテストすると、通常のスタイルではなく、最大幅 440 のスタイルしか表示されません。 480px の幅に基づいています。

この動作の問題は何でしょうか? モバイル版は httpp://www.seeyouzoeningouda.nl/m にあります。

コードのどの部分を表示すればよいか本当にわからないため、CSS を投稿していません。CSS は、デフォルトの HTMl5 ボイラープレート テンプレート (www.html5boilerplate.com) に基づいています。

4

2 に答える 2

1

テストに使用したモバイル デバイスは何ですか?
Samsung Galaxy S3 または Apple iPhone 4 の場合、デバイスの解像度が 2 倍になっているため、メディア クエリが機能しない原因となっている可能性があります。

したがって、I-phone 4 の場合は最大幅を 480px から 960px に倍増し、samsung galaxy s3 の場合は、メディア クエリの作成中に最大幅を 360px から 720px に倍増すると、問題なく動作する可能性があります。

例えば。
@media ハンドヘルド、スクリーンおよび (最大幅: 960px)
@media ハンドヘルド、スクリーンおよび (最大幅: 720px)

これは、ポートレートモードをターゲットにするのに役立つと思います.

于 2015-06-10T21:19:11.353 に答える
0

モバイルデバイスは、によってターゲットにされることがあり@media handheldます。@media all画面の代わりに使用してみてください。

于 2011-07-07T09:21:42.230 に答える