Background-size:包含；高度缩放不正确

Question

我想保持一个图像在适当的地方，而背景图像是可缩放的浏览器。

当我使用height: 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;
    }

这在我的浏览器中是有效的，但我建议使用媒体查询来进行响应式设计。我认为如果要在in浏览器中使用网页，你需要做一个width: auto\9;，因为有一个bug。