兼容IE6的min-width、min-height的簡單方法

如果一個站是寬屏的,你左右拖動瀏覽器的窗口網(wǎng)站寬度會隨著窗口的大小而改變,而瀏覽器窗口寬度減小到一定程度后就會出現(xiàn)下邊的滾動條,網(wǎng)站寬度就不會再減小了,我們知道這一簡單的功能用css的min-width就很容易能實(shí)現(xiàn),但不幸的是,我們用戶很多的IE6不支持這個非常方便的屬性,怎么辦呢,我們只要在網(wǎng)頁設(shè)計(jì)時加上下面的css語句就能解決:
方法一:
- height:auto!important;
- height:580px;
- min-height:580px;
把以上三行代碼加到需要最小寬度的div里即可,原理是使用IE6本身的BUG(當(dāng)塊級元素內(nèi)部的東西超出此塊級元素的高度時,塊級元素的高度會被撐開,也就是說IE6中的height屬性本身就等同于min-height)。
方法二:
- min-height:200px;
- _height:200px;
方法三:
- #min-width{
- min-width:900px;
- _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");
- line-height:200px;
- background:#ccc;
- }
方法四:
- #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ā)中不免因?yàn)楦鞣N兼容問題苦惱,針對兼容問題,其實(shí)IE給出了解決方案Google也給出了解決方案百度也應(yīng)用了這種方案去解決IE的兼容問題2015-09-26Css樣式兼容IE6,IE7,FIREFOX的瀏覽器的寫法示例介紹
FF和IE對一些符號識別上有些差異,可以利用這個差異單獨(dú)對FF以及IE定義樣式,書寫的順序都是firefox的寫在前面,IE7的寫在中間,IE6的寫在最后面2014-10-20