两段兼容的控制图片宽度/高度的CSS代码
简单是max-width:就可完成图片最大宽度得限制,但是由于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;} .img{ max-width: 200px; height:auto; width:expression(this.width > 200 ? "200px" : this.width); }
第三段对高度同时做了限制。
.img{ max-width:201px; max-height:136px; width:expression(this.width > 201 && this.width > this.height ? '201' : auto); height: expression(this.height > 136 ? '136' : auto); }