讓IE6支持兼容min-width、max-width CSS樣式屬性的方法
我要評(píng)論我們?cè)趯?xiě)CSS的時(shí)候，常常會(huì)遇到讓一個(gè)圖片或一個(gè)布局不能超出設(shè)定一定寬度范圍值,有時(shí)需要設(shè)置一個(gè)最小寬度，接下來(lái)由DIVCSS5為大家總結(jié)的解決IE6不支持min-width和不支持max-width的方法。以下為CSS 寬度之IE6支持最小寬度、最大寬度解決技巧（你可能需要進(jìn)一步詳細(xì)了解CSS width知識(shí)）。
1、IE6支持max-width解決方法
IE6支持最大寬度，解決CSS代碼：
.yangshi{max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden;}
說(shuō)明：max-width:1000px; 這個(gè)是IE6以上級(jí)其它品牌瀏覽器支持最大范圍寬度。而_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個(gè)數(shù)值的相同。
設(shè)置最大max-width的時(shí)候別忘記加上overflow:hidden;
2、IE6支持min-width解決方法
IE6支持最小寬度，解決CSS代碼：
.yangshi{min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");}
說(shuō)明：min-width:1000px; 這個(gè)是IE6以上級(jí)其它品牌瀏覽器支持最大范圍寬度。而_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個(gè)數(shù)值的相同。
3、讓IE6支持min-width同時(shí)又支持max-width解決方法
讓IE6即支持最小寬度又支持最大寬度限制設(shè)置。這種情況我們常常碰到對(duì)圖片控制，讓不確定大小的圖片，如果太寬，不能超出一定范圍值，小的時(shí)候不控制他的方法，用到CSS代碼：
_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));
對(duì)圖片控制CSS完整代碼：
img{max-width:620px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));}
這里說(shuō)明：圖片不能超出大于620px的寬度，又不小于1像素的寬度。
讓所有瀏覽器包括IE6瀏覽器支持最大寬度又支持最小寬度DIV CSS代碼：
.yangshi{max-width:620px;min-width:1px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));}
相關(guān)文章
- 下面小編就為大家?guī)?lái)一篇淺談前端制作中，IE6還有必要兼容嗎？小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-31
使用語(yǔ)義化標(biāo)簽去寫(xiě)你的HTML 兼容IE6,7,8
下面小編就為大家?guī)?lái)一篇使用語(yǔ)義化標(biāo)簽去寫(xiě)你的HTML 兼容IE6,7,8。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧2016-04-14兼容IE6、IE7的min-width、max-width寫(xiě)法
這篇文章主要介紹了兼容IE6、IE7的min-width、max-width寫(xiě)法,需要的朋友可以參考下2016-01-13一行代碼解決各種IE兼容問(wèn)題,IE6,IE7,IE8,IE9,IE10
在網(wǎng)站開(kāi)發(fā)中不免因?yàn)楦鞣N兼容問(wèn)題苦惱，針對(duì)兼容問(wèn)題，其實(shí)IE給出了解決方案Google也給出了解決方案百度也應(yīng)用了這種方案去解決IE的兼容問(wèn)題2015-09-26Css樣式兼容IE6,IE7,FIREFOX的瀏覽器的寫(xiě)法示例介紹
FF和IE對(duì)一些符號(hào)識(shí)別上有些差異，可以利用這個(gè)差異單獨(dú)對(duì)FF以及IE定義樣式，書(shū)寫(xiě)的順序都是firefox的寫(xiě)在前面，IE7的寫(xiě)在中間，IE6的寫(xiě)在最后面2014-10-20兼容IE6的min-width、min-height的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇兼容IE6的min-width、min-height的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-17