私はサイトを作成しましたが、残念ながらすべての主要なブラウザーで正常に動作します。モバイルデバイスで表示すると、フルハイトで表示されるため、サイトの幅がページごとに変わり、画面の右側に迷惑な空白が表示されます。
私はこれを試しmeta name="viewport" content="width=988" or (width=988)ましたが、違いはないようです meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"（またはそのバリエーション）。
これは、背景画像の右3分の1を切り取ったため、本当に混乱しました。どちらも右側に空白を残します。私も試しました：
@media only screen and (device-width:768px)and (orientation:portrait)
/*iPad Portrait orientation styles */
@media only screen and (device-width:768px)and (orientation:landscape)
/*iPad landscape orientation styles */
cssでは、これは何もしていません。公平に言えば、それがどのように機能するのか本当にわかりません。主な問題は、iPadがページを全高に拡大縮小したいので、全幅にしたいということだと思います。
何か案は？