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

CSS样式表
间距浮动与对齐的最佳方案
Web开发期待的CSS的一些功能
CSS网页设计:百分比进行背景图片定位
CSS缩写6个图例总结
五条非常重要的CSS技巧
CSS入门:XHTML文档结构树
WEB2.0的五个技术点:单手定则
完美网页应该适应不同人群
CSS教程:vertical-align的值
CSS样式表渐进增强的基本概念
css sprites把很多小图集成在一张图片上
介绍CSS3使用技巧5个
CSS3教程(2):网页边框半径和网页圆角
CSS3教程(3):border-color网页边框色彩
CSS3教程(4):网页边框和网页文字阴影
CSS3教程(5):网页背景图片
CSS3教程(6):创建网站多列
CSS3教程(7):CSS3嵌入字体
CSS3教程(8):CSS3透明度指南
CSS3教程(9):设置RGB颜色

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 346 ::
收藏到网摘: 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 全选 提示:你可先修改部分代码,再按运行]