背景画像を DIV 内にぴったりと収めるにはどうすればよいですか?

画像の背景を DIV に合わせる

背景画像を DIV 内に完全に表示したいのですが、画像の一部が表示されません。切断されてる。これを解決するには、ほとんどの最新ブラウザでサポートされている、background-size プロパティの使用を検討してください。

DIV 内に収まるように比例して拡大縮小する背景画像の場合:

background-size: contain;

背景画像の場合DIV を完全にカバーするように引き伸ばされ、必要に応じて画像の一部が隠れます:

background-size: cover;

これは使用例です。 Background-size: contains:

<div>

そして、background-size: cover:

<div>

を使用した例です。これで、元の背景に関係なく、背景画像が DIV 内に完全に表示されます。サイズまたはアスペクト比。

以上が背景画像を DIV 内にぴったりと収めるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。