0

私はこのビューポートタグを使用しています:

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

ただし、iPhone/iPad/Android デバイスでは、ページが画面よりもはるかに大きくなります。サイトの左上隅しか見えません。私のウェブサイトの幅は 900px です。

次に、ビューポートを次のように変更しました。

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

iPhone や iPad では、コンテンツがズームアウトされて画面いっぱいに表示されても問題ありません。テストするiPadを持っていないので、iPadについてはわかりません。Android デバイスでは、この変更は何もしませんでした。

サイトがブラウザの幅いっぱいになるようにビューポートを設定する正しい方法は何ですか?

4

1 に答える 1

1

target-densitydpi=device-dpi2 番目の例に追加してみてください。これは Android 固有のものでありwidth=device-width、すべてのデバイスの解像度に合わせてページを拡大縮小することをデバイスに伝えるために使用されます。

于 2012-11-13T05:27:27.757 に答える