編輯“Css內(nèi)em px”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>導(dǎo)航:</strong> [[CSS|上一頁]] | {{template:CSS導(dǎo)航}}</span>
<div style="clear:both;"></div>


'''em'''是相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸。如當(dāng)前對行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對于瀏覽器的默認(rèn)字體尺寸。任意[[瀏覽器]]的默認(rèn)字體高都是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的特點(diǎn)：'''

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


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



'''特殊的12px漢字'''

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


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

[[category:CSS]]
[[Category:W3C|C]]