css实现ie6下最大,最小宽/高度
-、最大宽/高
IE6无法认读max-width,max-height属性,但IE支持自己javascript的属性表达,
例如
div{width:expression(250+"px")}和div{widt:250px}
在IE 的认读中都是一致的!
但是,如果在用户在浏览器禁用javascript,那么我们的写法就失败了。
所以,我们换种方式写,解决上面出现的失败现象。
* html div#division{
width: expression( document.body.clientWidth > 776 ? "777px" : "auto" );/* sets max-width for IE 为IE设置最宽值*/
max-width: 777px;/* this sets the max-width value for all standards-compliant browsers */
}
* html div#division {
width: expression( document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize) ? "33em" : "auto" );
max-width: 33em;/* this sets the max-width value for all standards-compliant browsers */
}
最小宽高可以用类似的方式实现,如下:
* html div#division {
width: expression( document.body.clientWidth < 334 ? "333px" : "auto" );/* set min-width for IE 为IE设置宽度最小值*/
min-width: 333px;/* sets min-width value for all standards-compliant browsers */
}
* html div#division {
height: expression( this.scrollHeight > 332 ? "333px" : "auto" );* sets max-height for IE 为IE设置高度最大值*/
max-height: 333px;/* sets max-height value for all standards-compliant browsers */
}
* html div#division {
height: expression( this.scrollHeight < 334 ? "333px" : "auto" );/* sets min-height for IE 为IE设置高度最小值*/
min-height: 333px;/* sets min-height value for all standards-compliant browsers */
}
二、最小宽/高虽然可以用上面的方法实现,但有更简单的方式
div#division {
min-width:300px;
width:auto!important;
width:300px;
}
注意顺序不能更改