Html 图像响应性调整有问题

这是我的CSS，我有我的img语法。但是，当浏览器调整大小时，它应该相应地调整大小。这在Chrome中是可行的，但IE和FIREFOX由于某种原因无法正常工作——有什么原因吗？我用的是最新的

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

---

img max width:100%对于响应图像来说是一种很好的技术，但是它需要与图像容器（保存图像/包装图像的元素）一起工作，以便您看到图像的响应性

尝试此方法，您应该可以跨浏览器使用它：

<div class="imgHolder">
    <img src="http://www.thoughtfeast.co.uk/wp-content/uploads/Big-Data-2-1024x522.jpg" >
</div>

---

如果IMG的容器没有改变大小，您可以检查代码笔

，图像也不会改变大小。没有足够的信息来根据你的问题来确定这一点。我以前从未见过或使用过IE8黑客，而且我的图像总是反应良好。那些是我的img容器。。因此…宽度不应具有无效CSS的

\9

.imgHolder{
    width: 100%;
    max-width: 1000px;
    padding: 10px;
    border: 3px dashed red;
    margin: 10px auto;
}

.imgHolder img {
       max-width: 100% 
}