CSS中使用expression完美設(shè)置頁面最小寬度(兼容ie)
發(fā)布時間：2013-07-31 11:27:13 作者：佚名 
我要評論
我要評論CSS中使用expression有ie才能識別，其把CSS屬性和Javascript表達式關(guān)聯(lián)起來，效果相當(dāng)于min-width，即實現(xiàn)了兼容ie，示例如下，感興趣的朋友可以參考下，希望對大家有所幫助
div+css的布局相比table布局簡化了前端開發(fā)的復(fù)雜性，也會帶來一些問題，現(xiàn)在我們就說一下浮動定位在頁面大小改變時布局錯位的解決辦法，給頁面設(shè)置最小寬度：
只需更改全局css樣式表
body
{
/* 加入一下兩行 */
min-width: 1140px;
width: expression((documentElement.clientWidth > 1140) ? "1140px" : "auto" );
}
第一行，min-width最小寬度
第二行，CSS中使用expression有ie才能識別。IE5及其以后版本支持在CSS中使用expression，用來把CSS屬性和Javascript表達式關(guān)聯(lián)起來，效果相當(dāng)于min-width，即實現(xiàn)了兼容ie。
注意：1140寬度參數(shù)根據(jù)實際需要設(shè)置。
關(guān)于expression的使用，網(wǎng)上有詳細(xì)的資料，不再贅述。
只需更改全局css樣式表
復(fù)制代碼
代碼如下:body
{
/* 加入一下兩行 */
min-width: 1140px;
width: expression((documentElement.clientWidth > 1140) ? "1140px" : "auto" );
}
第一行，min-width最小寬度
第二行，CSS中使用expression有ie才能識別。IE5及其以后版本支持在CSS中使用expression，用來把CSS屬性和Javascript表達式關(guān)聯(lián)起來，效果相當(dāng)于min-width，即實現(xiàn)了兼容ie。
注意：1140寬度參數(shù)根據(jù)實際需要設(shè)置。
關(guān)于expression的使用，網(wǎng)上有詳細(xì)的資料，不再贅述。
相關(guān)文章
CSS expression判斷表達式設(shè)置input樣式
用CSS的expression判斷表達式設(shè)置input樣式，簡單，輕量級。缺點在于expression判斷表達式FireFox是不支持的。致命的是只能區(qū)分出一個（例如例子中就只能區(qū)分出text文本框2009-06-14- CSS中寫expression可能會在Chrome中有問題.2010-01-27
優(yōu)化瀏覽器渲染 避免CSS expressions
CSS表達式會降低瀏覽器的渲染性能；用其他方案替換它們將會改善IE瀏覽器的渲染性能。2010-03-09css expression使用概述及其優(yōu)缺點介紹
css expression(css表達式)又稱Dynamic properties(動態(tài)屬性)是早期微軟DHTML的產(chǎn)物，微軟從IE8 beta2標(biāo)準(zhǔn)模式開始，取消對css expression的支持，感興趣的朋友可以了解下2013-11-04CSS行為expression輕松實現(xiàn)IE6無抖動固定定位
IE6不支持固定定位（position:fixed）是眾所周知的事情，想在IE6做出固定定位的效果就只能用JS，用js會出現(xiàn)“跳動”的效果，下面為大家介紹下CSS中的行為expression2014-03-03CSS表達式(expression)解決IE6 position:fixed無效問題
IE6 position:fixed無效在做兼容時，很是頭疼，本例通過一條Internet Explorer的CSS表達式(expression)來完美的實現(xiàn)ie6下position:fixed效果，有需要的朋友可以參考下2014-07-28- 這篇文章主要介紹了CSS中使用expression表達式,需要的朋友可以參考下2014-12-22