3

アプリでメディア クエリを使用していますが、 http://www.responsinator.com/では正常に動作し、正常に表示されるように見えますが、実際の iPhone 4 で表示すると、Web ページがまったく読み取れません。全体が拡大されたように見えます。

実際の原因を突き止めようとすると、responsinator では iPhone 4 の解像度が 320 x 480 と表示されるのに対し、この Web サイトhttp://www.iphoneresolution.com/では 640 x 960 と表示されるようです。私のiPhoneは640×960のようです。CSS メディア クエリでこれらのケースをどのように処理すればよいですか?

4

1 に答える 1

6

ビューポートメタタグをheadhtmlファイルの-areaに追加します。

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

このコードにより、Webサイトが適切にスケーリングされます。

于 2013-02-07T09:29:32.487 に答える