IE中顯示min-width效果的解決方案

sj33cn — Tue, 10 May 2005 10:25:00 +0000

在用css布局中，時(shí)常用到min-width這個(gè)參數(shù)，而IE對(duì)此無(wú)法識(shí)別，那么，如何使IE也能顯示同樣的效果呢？這幾天，菜鳥老烏鴉正碰到了這個(gè)麻煩事兒，于是google了一大堆資料，找到了個(gè)感覺(jué)比較簡(jiǎn)單的方法，總結(jié)一下寫在這里，與鳥們分享。如有錯(cuò)誤、疏漏之處，還請(qǐng)不吝賜教。
分兩種情況來(lái)講。

一、非常方便的解決方法。
我們要讓一個(gè)元素在窗口最大化時(shí)寬度為100%，當(dāng)縮小窗口時(shí)，要求頁(yè)面最小寬度為760px，在css中，一般我們會(huì)這樣寫：
CODE#content {
width:100%;
min-width: 760px;
}

非常好，在opera、firefox下顯示很正常。但在IE下沒(méi)有效果。解決方法只要在后面加一句就行了，如下：
CODE#content {
width:100%;
min-width: 760px;
width: expression(document.body.clientWidth < 760? “760px”: “100%” );
}

二、應(yīng)用于body
上面的解決方法并不能應(yīng)用于body元素，當(dāng)我們需要對(duì)body也進(jìn)行此設(shè)置時(shí)，用js來(lái)解決是比較好的。為了可愛的firofox、opera等，css里這一句還是要寫上的：
CODEbody {
margin: 0;
padding: 0;
width:100%
min-width: 760px;
}

然后在頁(yè)面中再調(diào)用一個(gè)js，代碼如下：
CODEvar d = document;
var winIE = (navigator.userAgent.indexOf(“Opera”)==-1 && (d.getElementById && d.documentElement.behaviorUrns)) ? true : false;
function bodySize(){
if(winIE && d.documentElement.clientWidth) {
sObj = d.getElementsByTagName(“body”)[0].style;
sObj.width = (d.documentElement.clientWidth<760) ? “760px” : “100%”;
}
}
function init(){
if(winIE) { bodySize(); }
}
onload = init;
if(winIE) { onresize = bodySize; }

久久亚洲中文字幕伊人久久大 ,级r片内射在线视频播放,国产综合内射日韩久

IE中顯示min-width效果的解決方案