灯火互联
管理员
管理员
  • 注册日期2011-07-27
  • 发帖数41778
  • QQ
  • 火币41290枚
  • 粉丝1086
  • 关注100
  • 终身成就奖
  • 最爱沙发
  • 忠实会员
  • 灌水天才奖
  • 贴图大师奖
  • 原创先锋奖
  • 特殊贡献奖
  • 宣传大使奖
  • 优秀斑竹奖
  • 社区明星
阅读:7785回复:0

CSS中使用expression完美设置页面最小宽度(兼容ie)

楼主#
更多 发布于:2013-08-02 12:53
div+css的布局相比table布局简化了前端开发的复杂性,也会带来一些问题,现在我们就说一下浮动定位在页面大小改变时布局错位的解决办法,给页面设置最小宽度:
 
只需更改全局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的使用,网上有详细的资料,不再赘述。

喜欢0 评分0
游客

返回顶部