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

如果一個站是寬屏的,你左右拖動瀏覽器的窗口網站寬度會隨著窗口的大小而改變 , 而瀏覽器窗口寬度減小到一定程度后就會出現下邊的滾動條,網站寬度就不會再減小了,我們知道這一簡單的功能用css的min-width就很容易能實現 , 但不幸的是,我們用戶很多的IE6不支持這個非常方便的屬性,怎么辦呢,我們只要在網頁設計時加上下面的css語句就能解決:
方法一:
CSS Code復制內容到剪貼板height:auto!important;height:580px;min-height:580px;把以上三行代碼加到需要最小寬度的div里即可,原理是使用IE6本身的BUG(當塊級元素內部的東西超出此塊級元素的高度時,塊級元素的高度會被撐開,也就是說IE6中的height屬性本身就等同于min-height) 。
【兼容IE6的min-width、min-height的簡單方法】方法二:
CSS Code復制內容到剪貼板min-height:200px;_height:200px;方法三:
CSS Code復制內容到剪貼板#min-width{min-width:900px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)900?900px:);line-height:200px;background:#ccc;}方法四:
CSS Code復制內容到剪貼板#mpage{width:100%;min-width:980px;position:relative;_width:expression(((document.compatModedocument.compatMode==’CSS1Compat’)?document.documentElement.clientWidth:document.body.clientWidth)980?’980px’:’auto’);}以上四種方法任何一種都可解決IE6不支持min-width屬性的問題 , 本站用的是第四種 。
以上這篇兼容IE6的min-width、min-height的簡單方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持經驗啦網 。

相關經驗推薦