我有一个带有很多条件媒体查询语句的样式表。范围从iPhone分辨率到1600px。但是我想使img在特定的div流体中，好像当浏览器窗口调整大小时重新调整大小一样，而不考虑已经编写的条件@media查询语句。我尝试使用
img { max-width: 100%}
但这根本不起作用，无论浏览器的寡妇如何，图像都将保持原样。为了使其有效，我还在属性的末尾添加了！important，甚至将其粘贴到从iPhone分辨率到1600px的所有媒体查询语句中，但这是行不通的。
无论已经编写的媒体查询如何，我如何实现这种效果，当浏览器窗口更改时，我希望图像在特定的div范围内变得灵活。
我加了
#inner_container img { max-width:100% !important; }
在此样式表的末尾
如果您只想为较小的屏幕调整大小，而又不希望在较大的屏幕上放大图像，那么这就足够了：
#inner_container img{
width: auto;
max-width: 100%;
}
将其添加到任何媒体查询之外，并确保它们之后的值不会被任何样式覆盖，请!important根据需要使用。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句