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