纯css 让图片等比例缩放

作者:如沐春风 | 创建时间: 2023-07-02
怎么利用css实现图片等比里缩放,下面是两种可以实现让css等比里缩放的方法:...
纯css 让图片等比例缩放

操作方法

第一种方法:利用max-width设置最大宽度来控制 网页代码: <div class="box"><img src="images/1.jpg" /></div> CSS样式: .box {width:500px}.box img {max-width:500px} 备注:缺点,该方法不支持ie6.

第二种方法: 网页代码: <div class="box"><img src="images/1.jpg" /></div> css代码: .box {width:750px;}.box img {max-width:100%; width:expression(this.width > 750 ? "750px" : this.width); max-height:5000px; height:expression(this.height > 5000 ? "5000px" : this.height);}

点击展开全文

更多推荐