Css內(nèi)em px：修訂間差異

導航: 上一頁 | HTML | XHTML | aJAX| XML | DreamWeaver | PhotoShop | Drupal | javascript | php

em是相對長度單位。相對于當前對象內(nèi)文本的字體尺寸。如當前對行內(nèi)文本的字體尺寸未被人為設置，則相對于瀏覽器的默認字體尺寸。任意瀏覽器的默認字體高都是16px。所以未經(jīng)調(diào)整的瀏覽器都符合:1em=16px。那么12px=0.75em, 10px=0.625em。為了簡化font-size的換算，需要在css中的body選擇器中聲明Font-size=62.5%，這就使em值變?yōu)?6px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數(shù)值除以10，然后換上em作為單位就行了。

em的特點：

• em的值并不是固定的；
• em會繼承父級元素的字體大小。

px像素（Pixel）。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。

特殊的12px漢字

由以上方法得到的12px(1.2em)大小的漢字在IE中并不等于直接用12px定義的字體大小，而是稍大一點。解決辦法是在body選擇器中把62.5%換成63%就能正常顯示了。原因可能是IE處理漢字時，對于浮點的取值精確度有限。 本現(xiàn)象只發(fā)生在12px的漢字，英文不存在此現(xiàn)象

• 以上內(nèi)容參考自互聯(lián)網(wǎng)