图片大小超过一定范围会把页面布局打乱,用什么方法能自动限制图片的大小?更方便控制页面呢?接下来就给大家介绍一下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 并且等比例缩放是不是特别方便呢?