CSS背景图自适应内容:使用background-size: cover
使用CSS属性'background-size' 并将其设置为'cover' 可以让背景图自适应内容大小。
例如,将以下代码添加到你的CSS文件中:
.web-banner {
background-image: url(/uploads/allimg/20230913/1-230913151555642.jpg);
background-size: cover;
}
这将使背景图像在容器中自适应,保持其原始比例,并尽可能地填充整个容器。
原文地址: https://www.cveoy.top/t/topic/l4Df 著作权归作者所有。请勿转载和采集!