私はこのビューポートタグを使用しています:
<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 デバイスでは、この変更は何もしませんでした。
サイトがブラウザの幅いっぱいになるようにビューポートを設定する正しい方法は何ですか?