背景大小：包含;高度无法正确缩放

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;
    }

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