欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS中單位px與em的區(qū)別(推薦)

  發(fā)布時(shí)間：2016-07-05 11:46:09   作者：佚名   我要評(píng)論
這篇文章主要介紹了CSS中單位px與em的區(qū)別 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

用px來(lái)定義字體，無(wú)法用瀏覽器字體放大功能，而國(guó)外大多數(shù)網(wǎng)站可以在IE瀏覽器中使用。

原因:

　　1.IE無(wú)法調(diào)整px為單位的字體大小。

　　2.國(guó)外大部分使用em為字體單位。

px，em都為相對(duì)長(zhǎng)度單位，

　　px是相對(duì)于顯示器分辨率而言的。

　　em是相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸，如果當(dāng)前對(duì)象內(nèi)文本字體尺寸未被人設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。

　　　　任意瀏覽器的默認(rèn)字體都為16px，所有未經(jīng)設(shè)置的瀏覽器都符合：1em=16px。那么12px=0.75em,10px=0.625em。為了簡(jiǎn)化font-size的換算，需要在css中的body選擇器中聲明font-size=62.5%，這就使得em指變?yōu)?6px*62.5%=10px，這樣　　　　　12px=1.2em，10px=1em,也就是說(shuō)將原來(lái)的px數(shù)值除以10，然后換上em單位即可。

em有如下特點(diǎn)：

　　1.em的值并不是固定的。

　　2.em會(huì)繼承父級(jí)元素的字體大小。

因此需要強(qiáng)調(diào)：

　　1.body選擇器中聲明font-size=62.5%

　　2.將原來(lái)的px數(shù)值除以10，然后換上em為單位

　　3.重新計(jì)算那些被放大的字體的em值，避免字體大小重復(fù)聲明。

注意事項(xiàng)：

　　用以上方法的得到的12px（1.2em）漢字，在IE中并不等于直接用12px定義的字體大小，而是稍大一些。

　　需要在body選擇器中把62.5%換成63%就能正常顯示了。

　　原因可能是IE處理漢字時(shí)，對(duì)浮點(diǎn)的取值精確度有限。

以上所述是小編給大家介紹的徹底弄懂CSS中單位px與em的區(qū)別 ，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論