CSS的em、px、pt長(zhǎng)度單位怎么轉(zhuǎn)換

這篇文章主要講解了“CSS的em、px、pt長(zhǎng)度單位怎么轉(zhuǎn)換”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“CSS的em、px、pt長(zhǎng)度單位怎么轉(zhuǎn)換”吧！

在IE6.0字體設(shè)定為中的時(shí)候，如果字體未做任何CSS設(shè)定或者元素的設(shè)定，默認(rèn)的字體是12pt，或者16px，或者1em，或者font size=3。em、px、pt的換算關(guān)系如下：

1em=16px
1em=12pt
1px=1/16 em=0.0625em
1px=3/4 pt=0.75pt
1pt=1/12 em≈0.0833em
1pt=4/3 px≈1.3333px
em、px、pt的轉(zhuǎn)換工具如下，結(jié)果如無法除盡，小數(shù)點(diǎn)后面四舍五入到4位，我用“約等于”表示；如果可以除盡，我用“等于”表示：

常用轉(zhuǎn)換：
9pt=12px
9pt=0.75em
10pt=0.833em
14px=0.875em

英文網(wǎng)頁的字體較常用到em單位，em是相對(duì)長(zhǎng)度單位，可使字體隨IE瀏覽器的調(diào)整而變化。請(qǐng)注意，請(qǐng)避免在樣式表中某區(qū)域?qū)ψ煮w定義2次em，就可以方便地使用em單位。如實(shí)在無法避免，假如??em 是這個(gè)區(qū)域的字體大小，請(qǐng)用1÷??em，假設(shè)結(jié)果為n1。然后直接使用上述的1或3相應(yīng)的轉(zhuǎn)換工具，假設(shè)查詢的轉(zhuǎn)換結(jié)果為n2，再用n2乘以n1，使其還原。

感謝各位的閱讀，以上就是“CSS的em、px、pt長(zhǎng)度單位怎么轉(zhuǎn)換”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)CSS的em、px、pt長(zhǎng)度單位怎么轉(zhuǎn)換這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！