如何使背景图像完美适合 DIV？

使图像背景适合 DIV

您希望背景图像在 DIV 中完全显示，但图像的一部分被切断。要解决此问题，请考虑使用大多数现代浏览器都支持的背景大小属性。

对于按比例缩放以适合 DIV 的背景图像：

background-size: contain;

对于背景图像拉伸以完全覆盖 DIV，并在必要时遮挡图像的部分：

background-size: cover;

这是一个使用的示例背景大小：包含：

<div>

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

<div>

现在，您的背景图像将完全显示在DIV中，无论其原始图像如何尺寸或长宽比。

以上是如何使背景图像完美适合 DIV？的详细内容。更多信息请关注PHP中文网其他相关文章！