ホームページ  >  記事  >  ウェブフロントエンド  >  CSSの背景が幅を超えた場合の対処方法

CSSの背景が幅を超えた場合の対処方法

藏色散人
藏色散人オリジナル
2021-01-25 09:26:354530ブラウズ

背景画像が大きすぎるため、CSS 背景が幅を超えています。解決策: まず、対応する CSS ファイルを開き、次に「background-size:100% 100%」または「background-size:contain」を追加します。 " スタイル。背景画像の幅と高さがコンテンツ領域に完全に収まるようにするだけです。

CSSの背景が幅を超えた場合の対処方法

このチュートリアルの動作環境: Windows 7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター。

推奨: css ビデオ チュートリアル

CSS 背景画像が大きすぎるため、設定されたコンテナーの幅を超えています。

要素の背景は、パディングと境界線を含む要素の合計サイズです (マージンは含まれません)。デフォルトでは、背景画像は要素の左上隅に配置されます。

解決策:

background-size: 100% 100%; または、background-size:contain; スタイルを追加して、背景画像の幅と高さが完全に適応するようにします。コンテンツエリアへ。

rree

以上がCSSの背景が幅を超えた場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。