如何使用CSS响应图像

Question

我正在使用CSS属性max-width和height来使图像响应，但在某些情况下它对我不起作用。

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

问题：是否还有其他CSS方法可以使图像响应？

Answer 1

如果您定位元素，则尝试更具体地调整元素，这将有所帮助。例如，在爱因斯坦图像上你有一个类

.entrybody img 

比

更具体

img {}

此外，基于百分比的维度仅在设置了父级维度时才有效。

Answer 2

尝试使用width属性而不是max-width

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