7.14日(rì)音(yīn)訊,不(bù)同的(de)長≈÷(cháng)度單位在html中的(de)實際應用(yòng)和(hé)講解

 　　7.14日(rì)音(yīn)訊,不(bù)同的÷×(de)長(cháng)度單位在html中©​的(de)實際應用(yòng)和(hé)講解。在網頁設計(jì)和φ$δ(hé)制(zhì)作(zuò)中，長(cháng)度單位是∞•(shì)我們經常用(yòng)到(dào)的(de)♥≈，如(rú)px是(shì)我們使用(yòng)頻(pín)率是(¶≠shì)極高(gāo)的(de)，其次還(hái)有(yǒu)em，✘₽∑pt，ex，pc，in，mm，cm；等等，隻不(bù)過≤→¶由于我們使用(yòng)的(de)次數(shù)少(shǎo)，​Ω§而給忽略掉了(le)，現(xiàn)在邯鄲網站(zhàn)建設首創網絡小(xiǎo)編在此給大(dà)家(jiāε₽±©)一(yī)塊溝通(tōng)和(hé)學習(xí)下( ™>xià)，如(rú)想更加一(yī)步的(de)溝通(tōng)和(hé)了(♥☆‌le)解請(qǐng)給我們在線溝通(tōng)或電(diàn)話(huà)、π 郵件(jiàn)聯系。

　　下(xià)面我們先說(shuō)λ™一(yī)下(xià)，它們的(de)含義和(hé)•☆≤實際應用(yòng)：

　　px：像素（Pixel）,相(xiàng)對(duì₽∑₩)于設備的(de)長(cháng)度單位，​≠像素是(shì)相(xiàng)對(du‍←ì)于顯示器(qì)屏幕分(fēn)辨率而言的(de)。譬如 α(rú)，WONDOWS的(de)用(yò≥¥ng)戶所使用(yòng)的(de)分(fēn)辨¶↑率一(yī)般是(shì)96像素/英寸。而MAC的(de)用‌δ✘(yòng)戶所使用(yòng)的(de)分(f→ ēn)辨率一(yī)般是(shì)72像素/英寸。

　　em：相(xiàng)對(duì)長(cháng)度單位。相(xiàn¥★★g)對(duì)于當前對(duì)象內(βφεnèi)文(wén)本的(de)字體(tǐ)尺寸。如(rú)當前行(x​☆¶íng)內(nèi)文(wén)本的(de)字體(tǐ)尺寸未被人(ré↑♦n)為(wèi)設置，則相(xiàng)對(duì)于浏覽器£ (qì)的(de)默認字體(tǐ)尺寸。

　　ex：相(xiàng)對(duì)長(cháng)度單位。相(xi&≤∏àng)對(duì)于字符“x”的(de)高(↓₽gāo)度。此高(gāo)度通(tōng→¥)常為(wèi)字體(tǐ)尺寸的(de)一(≈π∏yī)半。如(rú)當前對(duì)行(xíng)內Ω&₹(nèi)文(wén)本的(de)字體(tǐ)尺寸未被'§↕人(rén)為(wèi)設置，則相(xiàng)對(duì)于浏€∞$₽覽器(qì)的(de)默認字體(tǐ)尺寸&<™。

　　pt：點（Point），絕對(duì)長(cháng)度單位。

　　pc：派卡（Pica），絕對(duì) ↑長(cháng)度單位。相(xiàng)當于我國(guó)新★ ≠四号鉛字的(de)尺寸。

　　in：英寸（Inch），絕對(duì)長(cháng)度φ'單位。

　　mm：毫米（Millimeter），☆≈→絕對(duì)長(cháng)度單位。

　　cm：厘米（Centimeter）αγ$♠，絕對(duì)長(cháng)度單位。

　　其中：1in=2.54cm=25.4mm=72pt=6pc；

　　容器(qì)的(de)大(dà)小(xiǎo)我們經× ↓γ常用(yòng)px做(zuò)單位，大(dà)家(jiā)都(dōu)γ>沒什(shén)麽異議(yì)，字體(tǐ)大(dà)小(xiǎ׶o)（font-size）很(hěn)多(duō)國(guó)內(nèi)的(≠÷€‌de)人(rén)使用(yòng)px做(zuò)單位，®→×其實用(yòng)px做(zuò)字體(tǐ)單位唯一(±≤yī)的(de)緻命缺點就(jiù)是(shì)在IE下(xià)無法用(y≤πòng)浏覽器(qì)字體(tǐ)縮放(fàng)的♣™σ (de)功能(néng)。或者以前的(de)按住Ct★✘✔✘rl+滾動鼠标的(de)中間(jiān)的(de)滾輪Ωλ♥​。

　　所以多(duō)人(rén)建議(yì)使用(yòng)h≤®↓φtmlem單位，對(duì)于用(yòng)慣了(le)px的(de)↑₽人(rén)用(yòng)em肯定不(bù)是(shì)很(hěσ®±™n)方便，這(zhè)裡(lǐ)提供一(yī)←↓​♦些(xiē)轉換公式和(hé)對(duì)照(zhào≈ γ)表供大(dà)家(jiā)參考：

　　pxtoem:Example:12px/16px=.75↑≥em

　　pxto%:Example:12px/16px*<π✔‌100=75%

　　pxtopt:Example:16α≥px*72(72points=1inch)/96("λ96pixelsperinchinWindows,72inMac)=12pt↕λ£←

　　emtopx:Example:.75em*16px=12±<→px

　　emto%:Example:.75em→₹λ®*100=75%

　　%topx:Example:75*16px/100₽€=12px

　　%toem:Example:75/100=.75em

　　pttopx:Example:12pt*96p​‍σpi/72ppi=16px

　　個(gè)人(rén)認為(wèi)現(xiàn)♣§在用(yòng)px做(zuò)字體(tǐ)單位在IE下(xià)無法用(φ¶>yòng)浏覽器(qì)字體(tǐ)縮放(fàng)的(de)功能(né∏εng)的(de)缺點已經不(bù)再是(shì)那 ¥₹€(nà)麽重要(yào)了(le)。因為(wèi)新版本ie7，ieΩ↑8都(dōu)已經支持整個(gè)網頁的(de)縮放(fàng₩₹©)功能(néng)，包括火(huǒ)狐默認$¥→λ也(yě)是(shì)縮放(fàng)整個(g¶∞è)網頁。至于在實際應用(yòng)中，我們當然也(yě)可(kě)以♣♠¶→使用(yòng)我們的(de)px,這(zhè)樣一(yī)來(lái)，含∑>φ®義明(míng)了(le)，理(lǐ)解和(hé)♣''∏運用(yòng)的(de)就(jiù)會(huì)更加深入和→÷ (hé)透徹了(le)。