css - 背景大小：包含；高度不能正确缩放

Question

我想保留一张图片，而背景图片在浏览器中是可缩放的。

当我使用高度时：XXXpx; 它不会正确缩放。我也尝试过使用百分比作为高度。

.cbp-fwslider ul li > a img {
   border: none;
   display: block;
   margin: 0 auto;
   width: 100%;
}

.big-o {
   position: absolute;
   top: 360px;
   margin-left: 7%;
   width: 200px;
   height: 358px;
}

www.georges.larsonplusyou.com

感谢你们。

Answer 1

尝试从 html 中删除宽度的内联样式，然后更改选择器以设置图像本身的样式，如下所示：

  .big-o img {
       position: absolute;
       top: 360px;
       margin-left: 7%;
       max-width: 100%
       width: auto;
       height: auto;
    }

这在我的浏览器中有效，但我建议使用媒体查询进行响应式设计。width: auto\9;我认为如果该网页将在 Internet Explorer 中使用，您需要做一个，因为存在错误。