如何使图像响应CSS使用

Question

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

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

问题：是否有任何其他的CSS的方法来使图像响应？

Answer 1

如果您将目标元素设置为更具体的调整方式，将有所帮助。例如，爱因斯坦的图像上你有一个类

.entrybody img 

比

img {} 

而且更具体的，如果父母尺寸设定基于百分比尺寸只有工作。

Answer 2

尝试使用，而不是max-width

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