私が現在デザインしている Web サイトに問題があり、iPhone で向きが縦向きから横向きに変わると、すべてが横向きビューに正しくスケーリングされます。しかし、ポートレートに戻ると、ビューは次のようになります。
必要に応じて縮小しません。初見のように。
これは WebKit の既知の問題であり、考えられる解決策がここで説明されていることはわかっていますが、ページに次のメタ タグを設定しているため、うまくいかないようです。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
JavaScript ソリューションもいくつかあることは知っていますが、上記のコードで十分ではないでしょうか? ここで何が欠けていますか？
PS この状況は、iPhone 上の iOS 用 Chrome では少し改善されていますが、あまり良くありません。Chrome は、横向きから縦向きに戻るときにサイトを適切にスケーリングしますが、縦向きビューの横向きビューから不必要な幅を保持し、Chrome で縦向きに戻ったときにサイトを水平に移動できます。