iOS の Firefox と Safari で背景画像の右側に空白があるのはなぜですか?

ページの側面の空白: 背景画像拡張子の問題

この問題は、ページの右側に空白が表示される場合に発生します。 iOS では背景画像を表示しながら FireFox や Safari などのブラウザを使用できます。他のブラウザでは画像は正しく拡張されますが、影響を受けるブラウザではブラウザの最大幅に達しません。

この問題を解決するには:

1. CSS ファイルが次の場所に含まれていることを確認してください。他のすべてのクラスの上にある、HTML ドキュメントの先頭です。
2. 次のコードを CSS ファイルに追加します。

<code class="css">html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}</code>

このコードは、HTML の幅と高さを設定し、 body 要素を 100% に設定し、ページの幅全体を占めるようにします。また、マージンとパディングが削除され、水平方向のオーバーフローが非表示になります。

これらの変更を加えた後、背景画像は右側に空白がなく、ページ全体に完全に広がるはずです。

以上がiOS の Firefox と Safari で背景画像の右側に空白があるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。