css中單位px和em,rem的區(qū)別_第1頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、css中單位px和em,rem的區(qū)別px特點1. ie無法調節(jié)那些用法px作為單位的字體大?。?. 國外的大部分網(wǎng)站能夠調節(jié)的緣由在于其用法了em或rem作為字體單位；3. firefox能夠調節(jié)px和em，rem，但是96%以上的中國網(wǎng)民用法ie掃瞄器(或內核)。px像素（pixel）。相對長度單位。像素px是相對于顯示器屏幕辨別率而言的。(引自css2.0手冊)em是相對長度單位。相對于當前對象內文本的字體尺寸。如當前對行內文本的字體尺寸未被人為設置，則相對于掃瞄器的默認字體尺寸。(引自css2.0手冊)隨意掃瞄器的默認字體高都是16px。全部未經(jīng)調節(jié)的掃瞄器都符合: 1em=16px。那

2、么12px=0.75em,10px=0.625em。為了簡化font-size的換算，需要在css中的body挑選器中聲明font-size=62.5%，這就使em值變?yōu)?16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的本來的px數(shù)值除以10，然后換上em作為單位就行了。em特點1. em的值并不是固定的；2. em會繼承父級元素的字體大小。所以我們在寫css的時候，需要注重兩點：1. body挑選器中聲明font-size=62.5%；2. 將你的本來的px數(shù)值除以10，然后換上em作為單位；3. 重新計算那些被放大的字體的em數(shù)值。避開

3、字體大小的重復聲明。也就是避開1.2 * 1.2= 1.44的現(xiàn)象。比如說你在content中聲明白字體大小為1.2em，那么在聲明p的字體大小時就只能是1em，而不是1.2em, 由于此em非彼em，它因繼承content的字體高而變?yōu)榱?em=12px。計算公式：1 ÷ 父元素的font-size × 需要轉換的像素值 = em值rem特點rem是css3新增的一個相對單位（root em，根em），這個單位引起了廣泛關注。這個單位與em有什么區(qū)分呢？區(qū)分在于用法rem為元素設定字體大小時，仍然是相對大小，但相對的只是html根元素。這個單位可謂集相對大小和肯定大小的優(yōu)點于一身，通過它既可以做到只修改根元素就成比例地調節(jié)全部字體大小，又可以避開字體大小逐層復合的連鎖反應。目前，除了ie8及更早版本外，全部掃瞄器均已支持rem。對于不支持它的掃瞄器，應對辦

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論