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