亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

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條沒看明白什么意思,哪位可以給回答一下呢

正在回答

2 回答

PX:
PX實際上就是像素,用PX設置字體大小時,比較穩定和精確。但是這種方法存在一個問題,當用戶在瀏覽器中瀏覽我們制作的Web頁面時,如果改變了瀏覽器的縮放,這時會使用我們的Web頁面布局被打破。這樣對于那些關心自己網站可用性的用戶來說,就是一個大問題了。因此,這時就提出了使用“em”來定義Web頁面的字體。

EM:
EM就是根據基準來縮放字體的大小。EM實質是一個相對值,而非具體的數值。這種技術需要一個參考點,一般都是以<body>的“font-size”為基準。如WordPress官方主題Twenntytwelve的基準就是14px=1em。
另外,em是相對于父元素的屬性而計算的,如果想計算px和em之間的換算,這個網站不錯,輸入數據就可以px和em相互計算。狠擊這里:px和em換算

0 回復 有任何疑惑可以回復我~

PX特點

1. IE無法調整那些使用px作為單位的字體大?。?/p>

2. 國外的大部分網站能夠調整的原因在于其使用了em或rem作為字體單位;

3. Firefox能夠調整px和em,rem,但是96%以上的中國網民使用IE瀏覽器(或內核)。

?

px像素(Pixel)。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。(引自CSS2.0手冊)

?

em是相對長度單位。相對于當前對象內文本的字體尺寸。如當前對行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。(引自CSS2.0手冊)


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228731    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

em與px的區別,不懂的地方

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號