如何讓背景影像完美適合 DIV？

讓影像背景適合 DIV

您希望背景影像在 DIV 中完全顯示，但影像的一部分被切斷。要解決此問題，請考慮使用大多數現代瀏覽器都支援的背景大小屬性。

對於按比例縮放以適合 DIV 的背景圖像：

background-size: contain;

對於背景圖像拉伸以完全覆蓋DIV，並在必要時遮擋影像的部分：

background-size: cover;

這是一個使用的範例背景大小：包含：

<div>

使用背景大小的範例：封面：

<div>

現在，您的背景影像將完全顯示在DIV中，無論其原始影像如何尺寸或長寬比。

以上是如何讓背景影像完美適合 DIV？的詳細內容。更多資訊請關注PHP中文網其他相關文章！