首页 > 代码库 > 让IE6支持min-width和max-width的方法
让IE6支持min-width和max-width的方法
正如君所想象的一样，同实现层的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="http://www.mamicode.com/minmax.js"></script> <![endif]-->
让IE6支持min-width和max-width的方法