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