欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

兼容IE6的min-width、min-height的簡(jiǎn)單方法

  發(fā)布時(shí)間：2016-08-17 09:50:21   作者：佚名   我要評(píng)論
下面小編就為大家?guī)?lái)一篇兼容IE6的min-width、min-height的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

如果一個(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語(yǔ)句就能解決：

方法一：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. height:auto!important;   
  2. height:580px;   
  3. min-height:580px;  

把以上三行代碼加到需要最小寬度的div里即可，原理是使用IE6本身的BUG(當(dāng)塊級(jí)元素內(nèi)部的東西超出此塊級(jí)元素的高度時(shí)，塊級(jí)元素的高度會(huì)被撐開(kāi)，也就是說(shuō)IE6中的height屬性本身就等同于min-height)。

方法二：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. min-height:200px;   
  2. _height:200px;  

方法三：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. #min-width{   
  2.     min-width:900px;   
  3.     _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");   
  4.     line-height:200px;   
  5.     background:#ccc;   
  6. }  

方法四：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. #mpage{   
  2.     width:100%;   
  3.     min-width:980px;   
  4.     position:relative;   
  5.     _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto');    
  6. }  

以上四種方法任何一種都可解決IE6不支持min-width屬性的問(wèn)題，本站用的是第四種。

以上這篇兼容IE6的min-width、min-height的簡(jiǎn)單方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論