android - 旧版安卓浏览器中的图片被截断

Question

我正在研究响应式设计，并制作了这样的图像代码——在 Chrome、Firefox 和 Safari 上看起来很棒。

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

但是，在旧的 Android 浏览器 v2.3.4 上，它不起作用并且图像被截断。为旧浏览器制作响应式图像是否有规则或技巧？感谢任何人的帮助！

Answer 1

您是否尝试将 max-width 设置为第二个参数？请记住，这些是级联规则，因此一个会覆盖另一个。

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