CSS控制图片宽 让图片自动缩放
最新优化版代码:
1 | img{width: expression(this.width > 660 ? 660: true); max-width: 660px;} |
原版:
1 | img { |
以上代码的意思是当图片宽大于数值(我设置的是660)就会将宽控制在这个大小,这样可以统一大图的宽,可以阻止撑破页面。
若图片的宽度小于660px那么按本身尺寸显示,若超出660px则已660px的宽和等比的高显示。
使用时请注意不要给 <img>
标签内加宽和高。
效果图,(没有设置宽度,默认宽度为940,可以点击打开查看原图)
Relay Tips: 一极乐( https://yijile.com/log/98/ )