IE7开始支持min/max-width/height
2008-09-02 09:29
411 查看
http://www.osxcn.com/css/minmax-widthheight.html
看来微软真的是在为标准而努力,向标准而靠近,20号发布的IE7 beta2 build 5335.5版本,已经开始支持CSS 2的min/max-width/height属性。查看CSS 2中文手册,IE6是支持min-height属性的,但随着现在的显示器越来越大,max-width/height属性的重要性渐渐得到体现,只有最小是没有意义的。
例如我们使用1600×1200的分辨率来查看我的del.icio.us书签,它使用100%宽度布局,中间就会空出很大一段,如果我们给它外面定义一个
如果使用Firefox,在userChrome.css里面(或者使用Stylish)加入下面这段就可以看看效果。
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://del.icio.us/") {
body{max-width: 788px !important; position: absolute; left: 10%; right: 10%;}
}
看来微软真的是在为标准而努力,向标准而靠近,20号发布的IE7 beta2 build 5335.5版本,已经开始支持CSS 2的min/max-width/height属性。查看CSS 2中文手册,IE6是支持min-height属性的,但随着现在的显示器越来越大,max-width/height属性的重要性渐渐得到体现,只有最小是没有意义的。
例如我们使用1600×1200的分辨率来查看我的del.icio.us书签,它使用100%宽度布局,中间就会空出很大一段,如果我们给它外面定义一个
max-width: 788px;属性的样式,那么就是再变态的分辨率,最大也只显示788px的宽度,看起来就会好多了。
如果使用Firefox,在userChrome.css里面(或者使用Stylish)加入下面这段就可以看看效果。
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://del.icio.us/") {
body{max-width: 788px !important; position: absolute; left: 10%; right: 10%;}
}
相关文章推荐
- 让IE6也支持max-width/height和min-width/height(完美解决方案)
- css的兼容性:IE6不支持max-width和min-height,应该如何写代码才能正常显示
- 让IE6支持max/min-height/width样式属性方法
- IE 6不支持min-height或max-width等属性的完美解决方案
- 让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性
- IE6支持兼容max-height、min-height、max-width、min-width CSS样式
- 解决ie6不支持min/max-width/height属性办法
- IE6支持max-width/height与min-width/height(完美解决方案)
- IE 6不支持min-height或max-width等属性的完美解决方案
- IE6不支持max-width和min-height解决问题
- IE6不支持min-height或max-width等完美解决方法
- minmax.js 解决IE6不支持max-width 和 max-height 属性
- 让IE6 支持min max width height
- 让IE6支持min-width和max-width的方法
- Android minHeight/Width,maxHeight/Width
- IE6不支持CSS中的min-width/height属性问题的解决方法
- 让IE6支持最小高度min-height、最大高度max-height的方法
- IE6支持max-height及min-height解决方法
- 让IE6支持max_height、max_width等等
- css中的min-height、max-height、min-width、max-width