あぁ…ビューポートタグに飽きてきた。
とにかく、誰かがこの質問を手伝ってくれることを願っています。SO で同様の質問がされていることは知っており、かなりの数の質問を読みましたが、状況が異なるようです。
100%x100% の DIV があります。
この div 内の背景画像に background-size:cover を適用しました。
すべてのブラウザーでテストすると、ブラウザー ウィンドウのサイズに合わせてサイズが調整された、見栄えの良いフルスクリーンの背景画像が表示されます。iPad でさえ、どちらの向きでも引き上げて見栄えがします。：） 幸せ。
さて、ばかげたビューポート メタ タグを追加するとすぐに (多くのユーザーが私のスクリプトと一緒に自分の Web サイトを平手打ちすることが予想されます)、iPad は反乱を起こします。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
初期スケールまたは最大スケールを変更してページのスケーリングを許可するとすぐに、背景サイズのカバーが壊れます。
何か案は？また、これらすべてを一緒に回避するために、スクリプト内のビューポート メタ タグを削除するのは悪いことでしょうか? ありがとう！