PX特點
1. IE無法調(diào)整那些使用px作為單位的字體大小恒削;
2. 國外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位捧请;
3. Firefox能夠調(diào)整px和em芙贫,rem,但是有大部分的國產(chǎn)瀏覽器使用IE內(nèi)核锄禽。
EM特點
-1. em的值并不是固定的镀虐;
-2. em會繼承父級元素的字體大小。
em則是基于基數(shù)(比如:1.5em)來計算出來的相對字體大小沟绪。這個基數(shù)是需要乘以當(dāng)前對象從其父級遺傳字體大小
?如果你的默認(rèn)父級容器字體為16px 刮便,那么2em=2*16px
????????<div? ? style="font-size:16px">
? ?????????????<p? ? style="font-size:2em"></p>
? ? ? ? ?</div>
rem特點
rem默認(rèn)字體大小是依據(jù)你網(wǎng)站當(dāng)前訪問時所使用的瀏覽器或者其他設(shè)備來決定的,特別適合響應(yīng)設(shè)計,受到了移動設(shè)計的追捧
大多數(shù)瀏覽器(不包括ie8以下)都支持rem單位的字體大小?
如果想支持可以绽慈,如下:
html{font-size:62.5%;}
p{font-size:15px;font-size:1.5rem;}
rem為元素設(shè)定字體大小時恨旱,仍然是相對大小,但相對的HTML根元素