使用max-width容器在firefox中响应img

Question

在具有最大宽度的容器中需要响应式img。

HTML：

<div class="center-content">
    <img src="assets/test-slider.png" alt="" />
</div>

CSS：

/*center-content*/
.center-content{
    position:relative;
    max-width:1200px;
    margin:0 auto;}


/*img-fix*/
img{
    max-width: 100%;
    height: auto;
}

这在-webkit中运行良好，但在firefox中没有...

任何帮助都将不胜感激。

/ 修改 /

http://jsfiddle.net/WKHHR/

检查Firefox和＆之间的区别铬

Answer 1

您图片的CSS错误而不是

img{
    max-width: 100%;
    height: auto;
}

把

img{
    width: 100%;
    height: auto;
}

这是因为您总是希望图像宽度为其父div的100％。