私のサイトは1090pxのサイズの固定レイアウトを持っています。このメタタグを使用する場合:
<meta name="viewport" content="width=device-width, maximum-scale=1">
ページは拡大されて読み込まれます。ただし、完全ではありません(幅が約300pxは表示されません)。
また、全体を見るのに十分なほどページをズームアウトすることはできません。
width = device-widthはそれを解決するべきではありませんか?
そこで、iPhoneで問題なく動作する0.29の初期スケールを試しました。しかし、iPadにサイトをロードするとき、それは明らかに小さすぎるでしょう。
どうすればこれを修正できますか?
更新: それで、幅は私のページの高さによって定義されているようだと思いました。iPhoneのSafariはビューポートの高さにフィットし、幅にフィットすることを気にしません。また、ズームアウトして幅全体を表示することもできません。ページが高くなると、幅が広くなるように見えます。横向きの幅はちょうどいいです。