如何使背景图片不裁剪而适合 Div？

使背景图像适合 Div

问题：
div 内的背景图像被剪切。期望的结果是在不裁剪的情况下显示整个图像。

解决方案：

要保留 div 内背景图像的完整性，请利用 background-size 属性。此属性指示图像相对于其容器的缩放方式。

通过使用以下值，您可以实现预期结果：

• 包含： 缩放图像适合 div，保持其纵横比。
• 封面：缩放图像以覆盖整个 div，可能会裁剪图像的部分内容。

代码示例：

包含：

background-size: contain;

封面：

background-size: cover;

注： 大多数现代都支持背景大小属性浏览器。

以上是如何使背景图片不裁剪而适合 Div？的详细内容。更多信息请关注PHP中文网其他相关文章！