怎样解决ie6不支持max-width

2015-01-13 08:53

ie6是不支持min-height和max-width的,然而文章里面的图片我们不能保证其大小刚好合适,为了美观我们通常会使用max-width来解决问题


对于ie6我们可以使用如下css代码

/*可用于块级元素的最大宽度*/

#maxImgBox{width: expression(this.offsetWidth > 700 ? '700px': true); max-width: 700px; }

/*可用于可直接取到width的元素如img*/

#maxWidthImg{width: expression(this.width > 200 ? '200px': true); max-width: 200px; }

/*从根节点取值*/

#maxWidthDiv{width: expression((documentElement.clientWidth < 580) ? '580px' : 'auto' ); max-width: 580px; }


通过jQuery解决IE6不支持max-height

$(".entry").each(function(){ if($(this)[0].scrollHeight>500) $(this).css({"height":"500px"}); });

^