使用CSS属性'background-size' 并将其设置为'cover' 可以让背景图自适应内容大小。

例如,将以下代码添加到你的CSS文件中:

.web-banner {
  background-image: url(/uploads/allimg/20230913/1-230913151555642.jpg);
  background-size: cover;
}

这将使背景图像在容器中自适应,保持其原始比例,并尽可能地填充整个容器。

CSS背景图自适应内容:使用background-size: cover

原文地址: https://www.cveoy.top/t/topic/l4Df 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录