背景画像のあるページの右側の空白を削除するにはどうすればよいですか?

ページの右側の空白を解決する

背景画像に関しては、空白が中断されることにイライラすることがあります意図した全長の範囲。この問題は、iOS デバイスの Firefox や Safari などのブラウザで確認されています。

問題に対処する

右側に空白が表示される問題を解決するにはページでは、CSS コードを変更できます。解決策は次のとおりです。

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

仕組み

このコードは、CSS の先頭、他のすべてのクラスの上に追加されています。これには次のような効果があります。

• html 要素と body 要素の幅と高さを両方とも 100% に設定し、使用可能なスペース全体を確実に占有するようにします。
• デフォルトの余白を削除します。
• 水平方向のオーバーフローを無効にし、コンテンツがページの幅を超えることを防ぎます。

結論

このコードを実装することにより、ページの右側の空白の問題は解決されました。意図したとおり、背景画像がブラウザーの全長に拡張されるようになりました。

以上が背景画像のあるページの右側の空白を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。