CSS中使用expression完美设置页面最小宽度(兼容ie)
发布时间：2013-07-31 11:27:13 作者：佚名 
我要评论
我要评论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的使用，网上有详细的资料，不再赘述。
只需更改全局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判断表达式设置input样式，简单，轻量级。缺点在于expression判断表达式FireFox是不支持的。致命的是只能区分出一个（例如例子中就只能区分出text文本框2009-06-14
- CSS中写expression可能会在Chrome中有问题.2010-01-27
- CSS表达式会降低浏览器的渲染性能；用其他方案替换它们将会改善IE浏览器的渲染性能。2010-03-09
- css expression(css表达式)又称Dynamic properties(动态属性)是早期微软DHTML的产物，微软从IE8 beta2标准模式开始，取消对css expression的支持，感兴趣的朋友可以了解下2013-11-04
- IE6不支持固定定位（position:fixed）是众所周知的事情，想在IE6做出固定定位的效果就只能用JS，用js会出现“跳动”的效果，下面为大家介绍下CSS中的行为expression2014-03-03
CSS表达式(expression)解决IE6 position:fixed无效问题
IE6 position:fixed无效在做兼容时，很是头疼，本例通过一条Internet Explorer的CSS表达式(expression)来完美的实现ie6下position:fixed效果，有需要的朋友可以参考下2014-07-28- 这篇文章主要介绍了CSS中使用expression表达式,需要的朋友可以参考下2014-12-22
最新评论