em與px的區(qū)別,不懂的地方
所以我們?cè)趯?xiě)CSS的時(shí)候,需要注意兩點(diǎn): 1. body選擇器中聲明Font-size=62.5%; 2. 將你的原來(lái)的px數(shù)值除以10,然后換上em作為單位; 3. 重新計(jì)算那些被放大的字體的em數(shù)值。避免字體大小的重復(fù)聲明。 ? ? ? 也就是避免1.2 * 1.2= 1.44的現(xiàn)象。比如說(shuō)你在#content中聲明了字體大小為1.2em,那么在聲明p的字體大小時(shí)就只能是1em,而不是1.2em, 因?yàn)榇薳m非彼em,它因繼承#content的字體高而變?yōu)榱?em=12px。 百度搜索了一下,第3條沒(méi)看明白什么意思,哪位可以給回答一下呢
2016-10-08
PX:
PX實(shí)際上就是像素,用PX設(shè)置字體大小時(shí),比較穩(wěn)定和精確。但是這種方法存在一個(gè)問(wèn)題,當(dāng)用戶在瀏覽器中瀏覽我們制作的Web頁(yè)面時(shí),如果改變了瀏覽器的縮放,這時(shí)會(huì)使用我們的Web頁(yè)面布局被打破。這樣對(duì)于那些關(guān)心自己網(wǎng)站可用性的用戶來(lái)說(shuō),就是一個(gè)大問(wèn)題了。因此,這時(shí)就提出了使用“em”來(lái)定義Web頁(yè)面的字體。
EM:
EM就是根據(jù)基準(zhǔn)來(lái)縮放字體的大小。EM實(shí)質(zhì)是一個(gè)相對(duì)值,而非具體的數(shù)值。這種技術(shù)需要一個(gè)參考點(diǎn),一般都是以<body>的“font-size”為基準(zhǔn)。如WordPress官方主題Twenntytwelve的基準(zhǔn)就是14px=1em。
另外,em是相對(duì)于父元素的屬性而計(jì)算的,如果想計(jì)算px和em之間的換算,這個(gè)網(wǎng)站不錯(cuò),輸入數(shù)據(jù)就可以px和em相互計(jì)算。狠擊這里:px和em換算
2016-10-08
PX特點(diǎn)
1. IE無(wú)法調(diào)整那些使用px作為單位的字體大??;
2. 國(guó)外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位;
3. Firefox能夠調(diào)整px和em,rem,但是96%以上的中國(guó)網(wǎng)民使用IE瀏覽器(或內(nèi)核)。
?
px像素(Pixel)。相對(duì)長(zhǎng)度單位。像素px是相對(duì)于顯示器屏幕分辨率而言的。(引自CSS2.0手冊(cè))
?
em是相對(duì)長(zhǎng)度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置,則相對(duì)于瀏覽器的默認(rèn)字體尺寸。(引自CSS2.0手冊(cè))