CSS的em、px、pt長度單位轉(zhuǎn)換示例

2024-07-11 08:51:31

字體：大中小

供稿：網(wǎng)友

在IE6.0字體設(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ù)點后面四舍五入到4位，我用“約等于”表示；如果可以除盡，我用“等于”表示：

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

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

上一篇：html div 透明樣式示例代碼

下一篇：CSS的最大高度、最小高度及寬度在IE6下沒有效果問題