让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="minmax.js"></script>
<![endif]-->

让IE6支持min-width和max-width的方法相关推荐

IE6支持HTML4,关于IE6.7.8.FF兼容的问题
所有浏览器通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7.FF ...
html中min属性,HTML的min属性和max属性怎么用？
HTML min属性用于指定度量的下限,max属性用于指定度量的上限:min属性的值必须小于max属性的值.min属性的默认值为0:如果没有规定 max 属性的值,则默认值是 1.max属性与min属 ...
html代码width什么意思,width：100% 啥意思呢，在什么情况下使用？
width:100% 啥意思呢,在什么情况下使用?很少用到这个,不怎么了解..有例子可以参考下么? 作者: kangyuan 发布时间: 2009-10-16 至少做规则覆盖的时候会用到吧作者: i ...
CSS的width:100%和width:auto区别
CSS的width:100%和width:auto区别一. 问题前段时间在调整树结构的时候,发现如果树的节点名称比较长的话在IE6下则不会撑开外面的元素,导致节点的名称只显示了一半,同时图标和 ...
css中width:100%与width:auto的区别
在布局中,width:100%和width:auto都会经常用到,那么,二者究竟有何区别呢?下面就来探讨下. 先上代码 <style>* {margin: 0;padding: 0;}.p ...
[css] 如何让IE6支持min-width和max-width？
[css] 如何让IE6支持min-width和max-width? 利用IE特有的css语法 .className {max-width:620px;min-width:1px;_width:exp ...
让IE6支持HTML5元素
今天把网页改成了HTML5的,调试了一下,在FF和Opera中都显示正常了,到了IE6上却变得面目全非了.GOOGLE了一下,发现了html5shiv这个项目,可以把HTML5的新元素转换成IE6认识 ...
数据结构:删除顺序表中小于min和大于max的数(不需要从大到小排列依然可以)
1.题目要求: 设计一个算法,删除递增有序链表中值小于min和大于max的所有元素 2.题目分析依次找到对应元素,而后进行删除. int listDelete(SqList& L, int ...
前端面试题：width:100%和width:auto的区别
width属性100%和auto的区别 1.width:100% 表示子元素的宽度和父元素的宽度相等,不包括子元素设置的内外边距和边框的值,即子元素的宽度等于父元素content的宽度代码如下: & ...
今日前端小知识—— width:auto 与 width:100% 的区别
前段时间做页面的时候,发现给盒子设置 width:100% 和 auto 的效果不一样,这里来探讨一下. <style>.main {width: 300px;height: auto;p ...

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

JS方法：

让IE6支持min-width和max-width的方法相关推荐

最新文章

热门文章