怎样解决ie6不支持max-width
ie6是不支持min-height和max-width的,然而文章里面的图片我们不能保证其大小刚好合适,为了美观我们通常会使用max-width来解决问题
操作方法
- 01
对于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; }
- 02
通过jQuery解决IE6不支持max-height$(".entry").each(function(){ if($(this)[0].scrollHeight>500) $(this).css({"height":"500px"}); });
赞 (0)