当前位置:企业首页 >> 新闻中心

分享到： 更多

css 图片等比例缩放

发布时间:2010-09-01 20:57　点击量:

文章收集了三种css教程 图片等比例缩放样式代码，都利用了css的expression来判断指定的图片大小是不是在指定的大小之内，如果是不作操作，否则就对图片进行比例缩放

/* for firefox & ie7 */

* html .thumbimaged
{
/* for ie6 */
width: expression(this.width > 650 && this.width > this.height ?    "650px" :auto);
height: expression(this.height > 650 ?   "650px" :auto);
}

方法二

 

* html .thumbimg {width: expression(this.width > 530 && this.width > this.height ? "530px" :auto); height:expression(this.height >530 ? "530px":auto);}/* for ie6 */

方法三

width: expression(this.width >150 && this.width > this.height ? "150px" : "auto");
height: expression(this.height >48 ? "48px" : "auto");