当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 让IE6支持min-width最小宽度

CSS样式表
兼容各个浏览器的技巧
CSS解决未知高度垂直居中的问题
未知大小图片在已知容器中的垂直和水平居中问题
在DIV+CSS排版中新闻列表的制作方法
CSS图片翻转菜单
重新认识表格和一个访问无障碍的数据表格例子
w3c技术架构介绍
如何以及何时使用sIFR
在IE中为abbr标签加样式
定义标题的最好方法
CSS:自定多姿多彩的网页链接下划线
用标准件的方式来组装网页DIV布局-WEB标准网站设计心得
从豆瓣网站设计谈网站重构
组合CLASS来完成网页布局风格
CSS制作树状目录教程
CSS打造色块标题标识
CSS的expression使用简介
探讨vertical-align应用
元素水平居中方案全集
用CSS动态控制文本属性

CSS样式表 中的 让IE6支持min-width最小宽度


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 297 ::
收藏到网摘: n/a

虽然CSS中的min-width、min-height、max-width、max-height属性在CSS中早有出现,不过支持此属性的浏览器使用比率都不高,比如Firefox。可浏览器使用率占最高的ie6偏偏不支持,虽然后来出场的ie7已经开始支持此属性。不过就用户体验的角度来说多浏览器支持也是很重要的,更何况就目前来说ie6的占有率还是最高的。
特别是在流动布局的使用下,特别会用到min-width、min-height、max-width、max-height这些属性,以下是一种非常方便就可以实现在ie6显示min-width、min-height、max-width、max-height同等效果的方法,在此与大家一同分享。

min-width:700px;
width:expression((documentElement.clientWidth < 700) ? "700px" : "auto" );
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]