CSS中使用expression完美设置页面最小宽度(兼容ie)
2013-07-31 11:27
357 查看
div+css的布局相比table布局简化了前端开发的复杂性,也会带来一些问题,现在我们就说一下浮动定位在页面大小改变时布局错位的解决办法,给页面设置最小宽度:
只需更改全局css样式表
第一行,min-width最小宽度
第二行,CSS中使用expression有ie才能识别。IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript表达式关联起来,效果相当于min-width,即实现了兼容ie。
注意:1140宽度参数根据实际需要设置。
关于expression的使用,网上有详细的资料,不再赘述。
只需更改全局css样式表
body { /* 加入一下两行 */ min-width: 1140px; width: expression((documentElement.clientWidth > 1140) ? "1140px" : "auto" ); }
第一行,min-width最小宽度
第二行,CSS中使用expression有ie才能识别。IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript表达式关联起来,效果相当于min-width,即实现了兼容ie。
注意:1140宽度参数根据实际需要设置。
关于expression的使用,网上有详细的资料,不再赘述。
相关文章推荐
- CSS中使用expression完美设置页面最小宽度
- Asp.net_完美设置页面最小宽度(兼容ie)
- Asp.net_完美设置页面最小宽度(兼容ie)
- [CSS学习网站地址]兼容IE6/IE7/FF的页面最小宽度设置
- 关于div设置最小高度,超过后自动增加的css,兼容IE和火狐
- 在IE中使用最小宽度min-width(CSS版)
- CSS设置页面最大最小宽度
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- 在IE中使用最小宽度min-width(CSS版)
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- 页面使用iframe时,在css样式表中设置body宽度和直接在页面上设置其宽度的不同
- DIV+CSS兼容解决DIV最大宽度和最小宽度问题
- 使用X-UA-Compatible来设置IE兼容模式
- CSS设置滚动条样式(兼容IE)
- 兼容IE,Firefox 的图片自动缩放CSS及expression用法
- disabled以及file宽度设置的火狐IE兼容
- DIV+CSS兼容解决DIV最大宽度和最小宽度问题
- 使用viewport的元数据、CSS和Javascript来为不同分辨率的屏幕设置合适的页面
- 简单介绍CSS设置打印页面的方法及css里media的使用