Firefox中的液体图像不是液体答案

【问题标题】：Liquid images in firefox not liquidFirefox中的液体图像不是液体
【发布时间】：2012-02-25 10:44:09
【问题描述】：

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

我正在使用以下 CSS：

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

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

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

【问题讨论】：

【解决方案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;
}

【讨论】：