关于网页上对任意图片进行等比例的宽度自适应问题

小小编辑 发布于 2016/03/31 23:03
阅读 477
收藏 0
CSS

在网页上显示图片,需要设置一个最大的宽度,一般使用 max-width 来设置。但是如果图片本身指定了宽度高度,例如

<img src='....' width='1000' height='800'/>

那么使用 max-width:600px 来限制图片尺寸,就会导致只变宽度,高度还是保留原图的 800,以至于图片变形。

有什么完美的纯 CSS 解决方案吗?

加载中
0
magooup
magooup
max-width: 600px; 
height: auto !important;



返回顶部
顶部