`

css控制图片等比显示

 
阅读更多

根据需要设置css选择器,这里假设为 img,图片在一个宽100px 高50px 的框内等比显示,代码如下

img{max-width:100px; max-height:50px; width:expression(this.width*50/this.height>100?100:true); height:expression(this.height*100/this.width>50?50:true);}

max-width与max-height表示最大宽度与最大高度,不过ie6不支持,width:expression(this.width*50/this.height>100?100:true); height:expression(this.height*100/this.width>50?50:true);用来设置ie6下图片的宽度与高度。expression()返回一个表达式计算得到的值

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics