4

私のサイトは1090pxのサイズの固定レイアウトを持っています。このメタタグを使用する場合:

  <meta name="viewport" content="width=device-width, maximum-scale=1">

ページは拡大されて読み込まれます。ただし、完全ではありません(幅が約300pxは表示されません)。

また、全体を見るのに十分なほどページをズームアウトすることはできません。

width = device-widthはそれを解決するべきではありませんか?

そこで、iPhoneで問題なく動作する0.29の初期スケールを試しました。しかし、iPadにサイトをロードするとき、それは明らかに小さすぎるでしょう。

どうすればこれを修正できますか?

更新: それで、幅は私のページの高さによって定義されているようだと思いました。iPhoneのSafariはビューポートの高さにフィットし、幅にフィットすることを気にしません。また、ズームアウトして幅全体を表示することもできません。ページが高くなると、幅が広くなるように見えます。横向きの幅はちょうどいいです。

4

1 に答える 1