CSS控制頁(yè)面最大最小寬度和高度可兼容IE6版本的實(shí)現(xiàn)方法
發(fā)布時(shí)間:2012-11-15 12:01:51 作者:佚名
我要評(píng)論

本文將介紹CSS控制頁(yè)面最大最小寬度和高度可兼容IE6版本的實(shí)現(xiàn)方法,感興趣的朋友可以參考下
CSS設(shè)置頁(yè)面最大最小寬度
兼容ie6/7/8/9,F(xiàn)F,chrome,sogou等瀏覽器
設(shè)置最小寬度
div {
width:100%;
min-width:1000px;
width:expression_r(document.body.clientWidth < 1000 ? "1000px": "auto" );
}
設(shè)置最大寬度
div {
width:100%;
max-width:1200px;
width:expression_r(document.body.clientWidth > 1200 ? "1200px": "auto" );
}
同時(shí)設(shè)置最大寬度和最小寬度
div {
width:100%;
min-width:1000px;
max-width:1200px;
width:expression_r( Math.max(1000, Math.min(1200, document.body.offsetWidth*0.99))+"px" );
}
css ie6最小高度
min-height最小高度的實(shí)現(xiàn)(兼容IEie6/7/8/9、FF)
div {
min-height:100px;
height:auto !important;
height:100px;
overflow:visible;
}
兼容ie6/7/8/9,F(xiàn)F,chrome,sogou等瀏覽器
設(shè)置最小寬度
div {
width:100%;
min-width:1000px;
width:expression_r(document.body.clientWidth < 1000 ? "1000px": "auto" );
}
設(shè)置最大寬度
div {
width:100%;
max-width:1200px;
width:expression_r(document.body.clientWidth > 1200 ? "1200px": "auto" );
}
同時(shí)設(shè)置最大寬度和最小寬度
div {
width:100%;
min-width:1000px;
max-width:1200px;
width:expression_r( Math.max(1000, Math.min(1200, document.body.offsetWidth*0.99))+"px" );
}
css ie6最小高度
min-height最小高度的實(shí)現(xiàn)(兼容IEie6/7/8/9、FF)
div {
min-height:100px;
height:auto !important;
height:100px;
overflow:visible;
}
相關(guān)文章
- 下面小編就為大家?guī)?lái)一篇CSS控制div寬度最大寬度/高度和最小寬度/高度的方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-12
不固定寬度和高度的情況下CSS調(diào)整div居中的方法總結(jié)
這里我們來(lái)看一下在不固定寬度和高度的情況下CSS調(diào)整div居中的方法總結(jié),考慮到了老IE的兼容性,同時(shí)也有CSS3的translate屬性解決方法介紹,需要的朋友可以參考下2016-06-14CSS設(shè)置HTML元素的高度與寬度的各種情況總結(jié)
塊級(jí)元素和行級(jí)元素在設(shè)置寬高度時(shí)會(huì)遇到很多瑣碎的問(wèn)題,這里我們通過(guò)分類討論的方式來(lái)進(jìn)行CSS設(shè)置HTML元素的高度與寬度的各種情況總結(jié),需要的朋友可以參考下2016-05-26兼容IE6的網(wǎng)頁(yè)最小最大寬度和最小最大高度css寫(xiě)法
CSS方法解決IE6最小高度,IE6最小寬度,IE6最大高度,IE6最大寬度,兼容IE6/IE7/IE8/火狐。2014-04-02CSS的最大高度、最小高度及寬度在IE6下沒(méi)有效果問(wèn)題
在寫(xiě)CSS的時(shí)候我們就會(huì)發(fā)現(xiàn)max-height、min-height、等屬性在IE6下是沒(méi)有效果的,這個(gè)時(shí)候我們就可以針對(duì)IE做出專門(mén)的設(shè)置,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下2013-11-07CSS min-height IE6、IE7、FF下DIV自適應(yīng)高度
IE6、IE7、FF下DIV自適應(yīng)高度2010-05-13- IE6真是太瘋狂了。今天由于項(xiàng)目需要做了這么一個(gè)布局:一個(gè)外部的相對(duì)定位div,內(nèi)部一個(gè)絕對(duì)定位的div2009-09-22
css實(shí)現(xiàn)一個(gè)元素高度固定寬度按比例顯示效果
這篇文章主要介紹了css實(shí)現(xiàn)一個(gè)元素高度固定寬度按比例顯示效果,本文給大家分享實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-28