IE6支持兼容min-width、max-width的CSS樣式屬性

這篇文章主要介紹了IE6支持兼容min-width、max-width的CSS樣式屬性，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

讓IE6支持max-width、IE6支持min-width樣式

我們在寫CSS的時候，常常會遇到讓一個圖片或一個布局不能超出設(shè)定一定寬度范圍值,有時需要設(shè)置一個最小寬度，接下來由DIVCSS5為大家總結(jié)的解決IE6不支持min-width和不支持max-width的方法。以下為CSS 寬度之IE6支持最小寬度、最大寬度解決技巧（你可能需要進一步詳細了解CSS width知識）。

1、IE6支持max-width解決方法    -   TOP

IE6支持最大寬度，解決CSS代碼：
.yangshi{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是你需要的數(shù)值，注意3個數(shù)值的相同。

設(shè)置最大max-width的時候別忘記加上overflow:hidden;

2、IE6支持min-width解決方法    -   TOP

IE6支持最小寬度，解決CSS代碼：
.yangshi{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是你需要的數(shù)值，注意3個數(shù)值的相同。

3、讓IE6支持min-width同時又支持max-width解決方法    -   TOP

讓IE6即支持最小寬度又支持最大寬度限制設(shè)置。這種情況我們常常碰到對圖片控制，讓不確定大小的圖片，如果太寬，不能超出一定范圍值，小的時候不控制他的方法，用到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代碼：
.yangshi{max-width:620px;min-width:1px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));}

感謝你能夠認真閱讀完這篇文章，希望小編分享的“IE6支持兼容min-width、max-width的CSS樣式屬性”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習!