css - firefox 中的液体图像不是液体

Question

所以我得到了这些在 Chrome(我用来设计的浏览器)中缩小的图像，并且非常适合我的响应式设计。但是，当我在 Firefox 中查看此页面时，图像不会从其原始大小缩小。 (IE9也有同样的问题。)

我正在使用以下 CSS:

.pics img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    border: 1px solid #CCC;
}​

这里有一个 jsFiddle:http://jsfiddle.net/S7ur2/

我环顾四周，但没有找到解决方案。如果您能帮助我，我将不胜感激。

Answer 1

摆脱那些丑陋的 auto 并使用 width 而不是 max-width
http://jsfiddle.net/elclanrs/S7ur2/3/

.pics {
    border-collapse: separate;
    border-spacing: 15px;
}
.pics img {
    width: 100%;
    border: 1px solid #CCC;
}