IE6支持max-width/height與min-width/height(完美解決方案)

2024-07-11 08:28:54

字體：大中小

來源：轉載

供稿：網友

1、IE6支持max-width解決方法 IE6支持最大寬度，解決CSS代碼：

復制代碼

代碼如下:
.className {
max-width:1000px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");
overflow:hidden;
}

說明：max-width:1000px; 這個是IE6以上級其它品牌瀏覽器支持最大范圍寬度。
而_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden;
則是讓IE6支持max-width替代CSS代碼，但效果和其它版本瀏覽器相同效果。讓所有瀏覽器都支持max-width的CSS樣式代碼，完整：
max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden;
這里的1000和1000px是你需要的數值，注意3個數值的相同。設置最大max-width的時候別忘記加上overflow:hidden;

2、IE6支持min-width解決方法 IE6支持最小寬度，解決CSS代碼：

復制代碼

代碼如下:
.className {
min-width:1000px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");
}

說明：min-width:1000px; 這個是IE6以上級其它品牌瀏覽器支持最大范圍寬度。
而_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");
則是讓IE6支持min-width替代CSS代碼，但效果和其它版本瀏覽器相同效果。讓所有瀏覽器都支持min-width的CSS樣式代碼，
完整： min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");
這里的1000和1000px是你需要的數值，注意3個數值的相同。

3、讓IE6支持min-width同時又支持max-width解決方法讓IE6即支持最小寬度又支持最大寬度限制設置。
這種情況我們常常碰到對圖片控制，讓不確定大小的圖片，如果太寬，不能超出一定范圍值，小的時候不控制他的方法，用到CSS代碼：
_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));
對圖片控制CSS完整代碼： img{max-width:620px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));}
這里說明：圖片不能超出大于620px的寬度，又不小于1像素的寬度。

讓所有瀏覽器包括IE6瀏覽器支持最大寬度又支持最小寬度DIV CSS代碼：

復制代碼

代碼如下:
.className {
max-width:620px;
min-width:1px;
_width:expression(this.scrollWidth > 620 ? "620px":(this.scrollWidth < 1? "1px":"auto"));
}

上一篇：css實現點擊滾動翻頁的效果(無js)

下一篇：div圖片垂直居中如何使div中圖片垂直居中

發表評論

共有條評論