让IE6支持min-width和max-width的方法

Posted 2020-08-09 芜明-追星

正如君所想象的一样，同实现层的fixed一样，用的是expression语句。例如div#demo在：

IE6下最小宽度300px：

*html div#demo {
width:expression((document.documentElement.clientWidth||document.body.clientWidth) > 300? "300px": "auto" );
}

 

或

 

*html div#demo {
width:expression(this.width > 300 ? "300" : true);
}

 

 

IE6下最大宽度500px：

 

*html div#demo {
expression((document.documentElement.clientWidth||document.body.clientWidth) > 500?"500px":"");
}

 

或

 

*html div#demo {
expression(this.width < 500 ? "500" : true);
}

 

 

IE6下最小宽度300px、最大宽度500px：

 

*html div#demo {
expression(this.scrollWidth > 500 ? "500px" : (this.scrollWidth < 300? "300px" : "auto"));
}

 

 

expression这种东西不建议轻易使用，比较消耗浏览器资源。另外也不建议都写在一个容器中，直接使用类似*html另起一个容器，以后无论查找还是维护都很方便。

 

JS方法：

 

这还是水脉烟香2010年写的一个js插件，让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性，托管谷歌的下载地址:minmax.js4.6 KB 直接下载js，然后调用即可：

 

<!--[if lt IE 7]> 
	<script type="text/javascript" src="minmax.js"></script> 
<![endif]-->