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

当前位置 : 首页 > 网页制作 > CSS > CSS中使用expression完美设置页面最小宽度(兼容ie

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

来源: 作者: 时间:2015-11-05 11:49
CSS中使用expression有ie才能识别,其把CSS属性和Javascript表达式关联起来,效果相当于min-width,即实现了兼容ie,示例如下,感兴趣的朋友可以参考下,希望对大家有所帮助
CSS中使用expression有ie才能识别,其把CSS属性和Javascript表达式关联起来,效果相当于min-width,即实现了兼容ie,示例如下,感兴趣的朋友可以参考下,希望对大家有所帮助
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的使用,网上有详细的资料,不再赘述。
Tag:
网友评论

<