css自动限制图片大小的代码

发布时间:2020-12-15编辑:脚本学堂
图片大小超过一定范围会把页面布局打乱,用什么方法能自动限制图片的大小?更方便控制页面呢?接下来就给大家介绍一下css自动限制图片大小的代码,需要的朋友一定要学习哦。

最简单的方法通知max-width:560px就可完成图片最大宽度得限制,可是因为ie6不支持max-width只能通过expression来实现。
代码如下:

复制代码 代码示例:
img  {max-width:400px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 400 ? "400px" : "auto"):"auto");
display:inline !important;}

控制图片宽度高度超过400px自动转换400px 并且等比例缩放是不是特别方便呢?