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