7.29日(rì)音(yīn)訊,i®βe6中最大(dà)高(gāo)度兼容方法實際運用(yòλ₩ng)。在網頁制(zhì)作(zuò)中,一(y≠'ī)些(xiē)小(xiǎo)的(de)細節我們也(yě)應該重視(∞ ₽¥shì),下(xià)面我們就(jiù)來(láiσ§δδ)講一(yī)下(xià),在網站(zhàn)制(zhì)作(zuò)中cs★"↔s設置頁面最大(dà)最小(xiǎo)寬度的(de)問(wènε↑')題:
兼容ie6/7/8/9,FF,chrome,sogou等浏σ'™覽器(qì)
設置最小(xiǎo)寬度
div{
width:100%;
min-width:1000px;
width:expression_r(document.body.cli±σλentWidth<1000?"100♥<↓ 0px":"auto");
}
設置最大(dà)寬度
div{
width:100%;
max-width:1200px;
width:expression_r(document.bod↔α±↓y.clientWidth>1200?"ε∏¶;1200px":"auto");
}
同時(shí)設置最大(dà)寬度和(hé∑♣>)最小(xiǎo)寬度
div{
width:100%;
min-width:1000px;
max-width:1200px;
width:expression_r(Math.max(1000,± Math.min(1200,documen πt.body.offsetWidth*0.99))+"↓≠;px");
}
cssie6最小(xiǎo)高(gā<δ←πo)度
min-height最小(xiǎo)高(gāo)度的(de)實現(xià<πn)(兼容IEie6/7/8/9、FF)
div{
min-height:100px;
height:auto!important;
height:100px;
overflow:visible;
}