讓ie6容納最小(xiǎo)、最大(dà)高(gāo)度用(yòng £→≈)法實例一(yī)覽
日(rì)期:2013-05-08發布:首創網絡浏覽:609次
讓ie6容納最小(xiǎo)、最大(dà)高(gāo)度用(yònγ ∞g)法實例一(yī)覽。以前隻是(shì)知(zh→→ φī)道(dào)有(yǒu)個(gè)最大(dà)、最小(xiǎo♣≥♥∏)高(gāo)度,而這(zhè)個(gè)是(shì)ie6不(bù)₩¥ ≈支持的(de)。但(dàn)是(shì)具"™γ體(tǐ)怎麽用(yòng)不(bù)知(zhī)道(dào),今天就(ji↓↑ ù)讓首創網絡和(hé)大(dà)家(jiā)一(yī)塊學©≤習(xí)下(xià)。 先說(shuō)一(yīφδ>©)下(xià),為(wèi)什(shén)麽要(yào)設置最小(xi↔α∞ǎo)高(gāo)度,最小(xiǎo)高(gāo)度是(shì)為( § wèi)了(le)布局上(shàng)的(de)美(měi)感,不(b÷★ù)至于一(yī)邊沒有(yǒu)任何內(nèi)容的(de)時(≈§•shí)候難看(kàn)···
本文(wén)關鍵字:讓,ie6,容納,最小(x ≠₩iǎo),、,最大(dà),高(gāo)度,用(yòng)法,實例÷♥,讓,
讓ie6容納最小(xiǎo)、最大(dà)高(gāo)度用(™βyòng)法實例一(yī)覽。以前隻是(shì)知(zhī)道(d£∑&ào)有(yǒu)個(gè)最大(dà)、最小±÷ (xiǎo)高(gāo)度,而這(zhè)個(gè)是(shì)ie6不φ↑(bù)支持的(de)。但(dàn)是(shì)具體∑£Ω (tǐ)怎麽用(yòng)不(bù)知(zhī✘)道(dào),今天就(jiù)讓首創網絡和(hé★¶)大(dà)家(jiā)一(yī)塊學習(x♦¥í)下(xià)。
先說(shuō)一(yī)下(xià),為(wèi)什(shén)麽要(™∏•£yào)設置最小(xiǎo)高(gāo)度ε&,最小(xiǎo)高(gāo)度是(shì)為 →↓↔(wèi)了(le)布局上(shàng)的(de)美(m♠ěi)感,不(bù)至于一(yī)邊沒有(yǒu)任何內(γ"↕nèi)容的(de)時(shí)候難看(kàn)。
那(nà)麽在ie6下(xià)面怎麽£€讓最小(xiǎo)、最大(dà)高(gāo)度起作(z≠&uò)用(yòng)呢(ne),IE6無法認讀(dú)max-width,•®₩♦max-height屬性,但(dàn)IE支持自(zì)己javasc₩•ript的(de)屬性表達,如(rú):p{<∑width:expression_r(250+"pα<>x")}和(hé)p{widt:250px≠♦'✘}在IE的(de)認讀(dú)中都(dōu)是(shì)λ↓一(yī)緻的(de)
所以,這(zhè)裡(lǐ)列出最大(dà)、最小(xiǎo₹ δγ)寬度以及高(gāo)度:
1、IE6支持max-height解決方法
IE6支持最大(dà)高(gāo)度解決CSS代碼:
.yangshi{max-height:1000px;_height:®∞expression((document.documentElement.cβ≥<lientHeight||document.body.clientHeig¥•₩ht)<1000?"1000px":"");over♠® flow:hidden;}
說(shuō)明(míng):max-height:1000p∞♣x;這(zhè)個(gè)是(shì)IE6以上(shàng↓λ)級其它品牌浏覽器(qì)支持最大(dà)範圍高(gāo)度。而_hei♦₽€ght:expression((docume₩₹±nt.documentElement.cliββentHeight||document.body.clientHeigσ$δ♥ht)<1000?"1000px":"");overflow:hidden;λ₹'則是(shì)讓IE6支持max-height替代CSS代碼,但(d≠γàn)效果和(hé)其它版本浏覽器(qì)相(γ♦xiàng)同效果。
讓所有(yǒu)浏覽器(qì)都(dōu)支持max-heig✘ &ht的(de)CSS樣式代碼,完整:
max-height:1000px;_height:express♦≤♥♥ion((document.documentEl εement.clientHeight||do±↕cument.body.clientHeight)<1000?"1000pγ←¥x":"");overflow:hidden;這(zhè)裡(l®↔ ₹ǐ)的(de)1000和(hé)1000px是(shì)λ♦你(nǐ)需要(yào)的(de)數(shù)值,←$↕¶注意3個(gè)數(shù)值的(de)相(xiàng)同。
讓IE6支持最大(dà)高(gāo)度max-h₽®eight的(de)時(shí)候别忘記加上(shàng) ♣overflow:hidden;
2、IE6支持min-height解決方法
IE6支持最小(xiǎo)高(gāo)度解決C"SS代碼:
.yangshi{min-height:10₩•α00px;_height:expression((document.d∑αocumentElement.clientHeight||♠✘document.body.clientHeight)>10δ≥✘<00?"1000px":"");}
說(shuō)明(míng):min-h™αeight:1000px;這(zhè)個(gè)是(shì)IE6以上(s ∞©♣hàng)級其它品牌浏覽器(qì)支持最小(xiǎo)範圍高(gāo≤∏β★)度。而_height:expression((documeβ↑§nt.documentElement.clientHeight||doc&•ument.body.clientHeig♣∞δht)>1000?"1000px":"");則$©是(shì)讓IE6支持min-height替代CSS代碼,但(≠φdàn)效果和(hé)其它版本浏覽器(qì)相(xiàng)同∏÷δ效果。
讓所有(yǒu)浏覽器(qì)都(dōu)支持π♦min-height的(de)CSS樣式代碼,完¶₩整:
min-height:1000px;_heigh®≤∞↑t:expression((document.documentEle≥ ∞ment.clientHeight||document.≈©body.clientHeight)>1000?"1000px"→¶:"");這(zhè)裡(lǐ)的(de)£↓1000和(hé)1000px是(shì)你(nǐ)需要(yào)的(deε↕♥$)數(shù)值,注意3個(gè)數(shù)值的(de)相(xi✔♦àng)同。
3、IE6支持max-height又(yòu)支持min-hei♣ght方法
讓所有(yǒu)浏覽器(qì)包括IE6即支持最大(dà)高(gā☆∞ ✔o)度又(yòu)支持最小(xiǎo)高(gāoα¥ ÷)度。
.yangshi{Max-Height:620♦ φ↔px;Min-Height:40px;_height:expres<↑ ≥sion(this.scrollHeight>620?"62 ε0px":(this.scrollHeight<40?"4€ 0px":"auto"));}
IE6支持Max-Height和(hé)支持Min-He©'♥ightCSS代碼
_height:expression(this.scrollHeight→' <>620?"620px":(this.scrollHeightδ←<40?"40px":"auto"));
說(shuō)明(míng):以上(shàn"π¥g)代碼作(zuò)用(yòng)是(shì)讓對(duì)象的(d↔$e)最小(xiǎo)高(gāo)度為(w₽✘èi)40px,最大(dà)高(gāo)度為(δ>wèi)620px的(de)CSS樣式屬性。
- 歡迎大(dà)家(jiā)閱讀(dú)浏覽,部分(fēn)內(ε↕nèi)容來(lái)源于網絡,如(rú)>&§€有(yǒu)侵權,請(qǐng)聯系我們删除!
- 上(shàng)一(yī)條:xhtml、html的(de)異處和(hé)相(xiàng)同
- 下(xià)一(yī)條:做(zuò)好(hǎo)UI設計(jì)須看(kàn)的(de)原δγ則
服務項目
熱(rè)門(mén)信息
- 邯鄲網絡公司:模闆建站(zhàn)的(de↔→♠)好(hǎo)處有(yǒu)哪些(xiē)?
- 3642024-04-25

- 4.9日(rì)訊,企業(yè)網站(zhàn)建設如(←★σrú)何發揮網絡營銷功能(néng)?
- 4092024-04-09

- 邯鄲網絡公司:網站(zhàn)建設開(kāi)發有(yǒu)哪些(xiē)≠↓細節需要(yào)注意?
- 5402024-03-07

- 邯鄲網絡公司:外(wài)貿網站(zhàn)制(zhì ←')作(zuò)的(de)8個(gè)步驟
- 3772024-03-05

- 簡單3步,輕松做(zuò)企業(yè)官網
- 6822024-02-18
