CSS的em、px、pt長度單位轉(zhuǎn)換示例
發(fā)布時(shí)間：2013-11-07 17:03:57 作者：佚名 
我要評論
我要評論如果字體未做任何CSS設(shè)定或者元素的設(shè)定，默認(rèn)的字體是12pt或者16px，或者1em，或者font size=3下面有個(gè)不錯(cuò)的em、px、pt長度單位轉(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是相對長度單位，可使字體隨IE瀏覽器的調(diào)整而變化。請注意，請避免在樣式表中某區(qū)域?qū)ψ煮w定義2次em，就可以方便地使用em單位。如實(shí)在無法避免，假如??em 是這個(gè)區(qū)域的字體大小，請用1÷??em，假設(shè)結(jié)果為n1。然后直接使用上述的1或3相應(yīng)的轉(zhuǎn)換工具，假設(shè)查詢的轉(zhuǎn)換結(jié)果為n2，再用n2乘以n1，使其還原。也就是：1÷??em×n2
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是相對長度單位，可使字體隨IE瀏覽器的調(diào)整而變化。請注意，請避免在樣式表中某區(qū)域?qū)ψ煮w定義2次em，就可以方便地使用em單位。如實(shí)在無法避免，假如??em 是這個(gè)區(qū)域的字體大小，請用1÷??em，假設(shè)結(jié)果為n1。然后直接使用上述的1或3相應(yīng)的轉(zhuǎn)換工具，假設(shè)查詢的轉(zhuǎn)換結(jié)果為n2，再用n2乘以n1，使其還原。也就是：1÷??em×n2
相關(guān)文章
- 說說css的幾種距離吧，大致有px、em、pt、pc、in、mm、cm、ex八種，其中最常見到的是px，我還見到過的有ex和mm、cm，當(dāng)然后兩個(gè)在當(dāng)年見的更多2014-07-28
CSS Font-Size: em、px 、pt 、Percent之間的關(guān)系及換算
這篇文章主要介紹了CSS Font-Size: em、 px 、pt 、Percent之間的關(guān)系及換算，本篇整理的還是比較詳細(xì)的，需要的朋友可以參考下2014-05-15搞清楚CSS中單位px與em之間的關(guān)系和特點(diǎn)
一直也搞不清楚px與em之間的關(guān)系和特點(diǎn)，看過以后確實(shí)收獲很大，用px來定義字體，所以無法用瀏覽器字體放大的功能，下面為大家講解下2014-02-27- 網(wǎng)站制作中字體單位應(yīng)該用em而不用px，原因簡單來說就是支持IE6下的字體縮放，在頁面中按ctrl+滾輪，字體以px為單位的網(wǎng)站沒有反應(yīng)，在本文將為大家詳細(xì)介紹下2013-09-16
- css中的長度單位在網(wǎng)頁布局中經(jīng)常會(huì)用到(em/ex/px/pt)，至于在什么情況下使用，怎么用將在下文為大家詳細(xì)介紹下2013-06-16
學(xué)習(xí)CSS了解單位em和px的區(qū)別-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
這里引用的是Jorux的“95%的中國網(wǎng)站需要重寫CSS”的文章，題目有點(diǎn)嚇人，但是確實(shí)是現(xiàn)在國內(nèi)網(wǎng)頁制作方面的一些缺陷。我一直也搞不清楚px與em之間的關(guān)系和特點(diǎn)2008-10-17- 很長一段時(shí)間，我都使用12px作為網(wǎng)站的主要字體大小,10px太小，眼睛很容易疲勞2008-10-17
CSS教程：簡單理解em-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
px比em更加容易使用,em指字體高，任意瀏覽器的默認(rèn)字體高都是16px。所以未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px，所以10px=0.625em。為了簡化font-size的換算，需要在css中的bod2008-10-17- 這篇文章主要介紹了CSS中單位px與em的區(qū)別 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-05