我发现调整图像大小以使其响应变得棘手。
我正在开发一个程序，以自动将网站转换为响应版本。我有点困在图像上。
我已经成功地添加了一个包装类到网站上的每个图像，并可以重新调整图像的大小。
我的问题在于自然比窗口小的图像，如标志和图标。我不想调整这些。
我的代码当前转换：
<img src="[src]" />
进入：
<div class="erb-image-wrapper">
<img src="[src]" />
</div>
我在哪里使用以下CSS：
.erb-image-wrapper{
max-width:90%;
height:auto;
position: relative;
display:block;
margin:0 auto;
}
.erb-image-wrapper img{
width:100% !important;
height:100% !important;
display:block;
}
这调整所有图像的大小，但我只想要它调整超过页面的宽度的图像。是一种方式，我可以通过CSS实现这一点？
解决方法
.erb-image-wrapper img{
max-width:100% !important;
height:auto;
display:block;
}
为我工作。感谢MrMisterMan的帮助。
