CSS中單位px與em的區(qū)別(推薦)
我要評論用px來定義字體，無法用瀏覽器字體放大功能，而國外大多數(shù)網(wǎng)站可以在IE瀏覽器中使用。
原因:
1.IE無法調(diào)整px為單位的字體大小。
2.國外大部分使用em為字體單位。
px，em都為相對長度單位，
px是相對于顯示器分辨率而言的。
em是相對于當前對象內(nèi)文本的字體尺寸，如果當前對象內(nèi)文本字體尺寸未被人設置，則相對于瀏覽器的默認字體尺寸。
任意瀏覽器的默認字體都為16px，所有未經(jīng)設置的瀏覽器都符合：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有如下特點：
1.em的值并不是固定的。
2.em會繼承父級元素的字體大小。
因此需要強調(diào)：
1.body選擇器中聲明font-size=62.5%
2.將原來的px數(shù)值除以10，然后換上em為單位
3.重新計算那些被放大的字體的em值，避免字體大小重復聲明。
注意事項：
用以上方法的得到的12px（1.2em）漢字，在IE中并不等于直接用12px定義的字體大小，而是稍大一些。
需要在body選擇器中把62.5%換成63%就能正常顯示了。
原因可能是IE處理漢字時，對浮點的取值精確度有限。
以上所述是小編給大家介紹的徹底弄懂CSS中單位px與em的區(qū)別 ，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
- 說說css的幾種距離吧，大致有px、em、pt、pc、in、mm、cm、ex八種，其中最常見到的是px，我還見到過的有ex和mm、cm，當然后兩個在當年見的更多2014-07-28
CSS Font-Size: em、px 、pt 、Percent之間的關系及換算
這篇文章主要介紹了CSS Font-Size: em、 px 、pt 、Percent之間的關系及換算，本篇整理的還是比較詳細的，需要的朋友可以參考下2014-05-15- 一直也搞不清楚px與em之間的關系和特點，看過以后確實收獲很大，用px來定義字體，所以無法用瀏覽器字體放大的功能，下面為大家講解下2014-02-27
- 如果字體未做任何CSS設定或者元素的設定，默認的字體是12pt或者16px，或者1em，或者font size=3下面有個不錯的em、px、pt長度單位轉(zhuǎn)換示例，不懂的朋友可以參考下2013-11-07
- 網(wǎng)站制作中字體單位應該用em而不用px，原因簡單來說就是支持IE6下的字體縮放，在頁面中按ctrl+滾輪，字體以px為單位的網(wǎng)站沒有反應，在本文將為大家詳細介紹下2013-09-16
- css中的長度單位在網(wǎng)頁布局中經(jīng)常會用到(em/ex/px/pt)，至于在什么情況下使用，怎么用將在下文為大家詳細介紹下2013-06-16
學習CSS了解單位em和px的區(qū)別-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學網(wǎng)
這里引用的是Jorux的“95%的中國網(wǎng)站需要重寫CSS”的文章，題目有點嚇人，但是確實是現(xiàn)在國內(nèi)網(wǎng)頁制作方面的一些缺陷。我一直也搞不清楚px與em之間的關系和特點2008-10-17- 很長一段時間，我都使用12px作為網(wǎng)站的主要字體大小,10px太小，眼睛很容易疲勞2008-10-17
CSS教程：簡單理解em-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學網(wǎng)
px比em更加容易使用,em指字體高，任意瀏覽器的默認字體高都是16px。所以未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px，所以10px=0.625em。為了簡化font-size的換算，需要在css中的bod2008-10-17