兼容IE6的min-width、min-height的簡(jiǎn)單方法
發(fā)布時(shí)間：2016-08-17 09:50:21 作者：佚名 
我要評(píng)論
我要評(píng)論下面小編就為大家?guī)硪黄嫒軮E6的min-width、min-height的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
如果一個(gè)站是寬屏的，你左右拖動(dòng)瀏覽器的窗口網(wǎng)站寬度會(huì)隨著窗口的大小而改變，而瀏覽器窗口寬度減小到一定程度后就會(huì)出現(xiàn)下邊的滾動(dòng)條，網(wǎng)站寬度就不會(huì)再減小了，我們知道這一簡(jiǎn)單的功能用css的min-width就很容易能實(shí)現(xiàn)，但不幸的是，我們用戶很多的IE6不支持這個(gè)非常方便的屬性，怎么辦呢，我們只要在網(wǎng)頁(yè)設(shè)計(jì)時(shí)加上下面的css語句就能解決：
方法一：
CSS Code復(fù)制內(nèi)容到剪貼板
- height:auto!important;
- height:580px;
- min-height:580px;
把以上三行代碼加到需要最小寬度的div里即可，原理是使用IE6本身的BUG(當(dāng)塊級(jí)元素內(nèi)部的東西超出此塊級(jí)元素的高度時(shí)，塊級(jí)元素的高度會(huì)被撐開，也就是說IE6中的height屬性本身就等同于min-height)。
方法二：
CSS Code復(fù)制內(nèi)容到剪貼板
- min-height:200px;
- _height:200px;
方法三：
CSS Code復(fù)制內(nèi)容到剪貼板
- #min-width{
- min-width:900px;
- _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");
- line-height:200px;
- background:#ccc;
- }
方法四：
CSS Code復(fù)制內(nèi)容到剪貼板
- #mpage{
- width:100%;
- min-width:980px;
- position:relative;
- _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto');
- }
以上四種方法任何一種都可解決IE6不支持min-width屬性的問題，本站用的是第四種。
以上這篇兼容IE6的min-width、min-height的簡(jiǎn)單方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
- 下面小編就為大家?guī)硪黄獪\談前端制作中，IE6還有必要兼容嗎？小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-31
使用語義化標(biāo)簽去寫你的HTML 兼容IE6,7,8
下面小編就為大家?guī)硪黄褂谜Z義化標(biāo)簽去寫你的HTML 兼容IE6,7,8。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧2016-04-14讓IE6支持兼容min-width、max-width CSS樣式屬性的方法
這篇文章主要介紹了讓IE6支持兼容min-width、max-width CSS樣式屬性的方法,需要的朋友可以參考下2016-01-13兼容IE6、IE7的min-width、max-width寫法
這篇文章主要介紹了兼容IE6、IE7的min-width、max-width寫法,需要的朋友可以參考下2016-01-13一行代碼解決各種IE兼容問題,IE6,IE7,IE8,IE9,IE10
在網(wǎng)站開發(fā)中不免因?yàn)楦鞣N兼容問題苦惱，針對(duì)兼容問題，其實(shí)IE給出了解決方案Google也給出了解決方案百度也應(yīng)用了這種方案去解決IE的兼容問題2015-09-26Css樣式兼容IE6,IE7,FIREFOX的瀏覽器的寫法示例介紹
FF和IE對(duì)一些符號(hào)識(shí)別上有些差異，可以利用這個(gè)差異單獨(dú)對(duì)FF以及IE定義樣式，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最后面2014-10-20