背景大小：包含;高度不能正确缩放

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;，因为存在错误。