Firefox および iOS Safari で背景画像に空白が表示されるのはなぜですか?

FireFox および iOS で Web ページの背景画像上の空白を解決する

背景:

ユーザーが Web ページの背景画像に空白を見つけていますFireFox および iPad および iPhone の iOS Safari では Web ページの右側にあります。他のブラウザでは背景画像が適切に拡張されるにもかかわらず、これらの特定のインスタンスでは拡張できません。

解決策:

コードを検査すると、次の CSS コードが追加:

html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

このコード:

• HTML 要素と body 要素の幅と高さを利用可能なスペースの 100% に設定します。
• すべてを削除します
• 水平スクロールを防止します (overflow-x: hidden)。

結果:

この CSS コードを実装すると、空白の問題は解決されました。 iPad および iPhone 上の FireFox および iOS Safari では、意図したとおり、背景画像がページの全長に拡張されるようになりました。

注:

このソリューションは、白が前提となっています。スペースの問題はブラウザのデフォルト設定が原因でした。問題の原因となる他の要因がある場合は、追加のトラブルシューティングが必要になる場合があります。

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