首頁 > 開發者 > JavaScript
看了些關於rem的知識點，在這做個自我總結歸納，rem知識點總結歸納
我們最常用的字型單位是PX和EM。
首先px：
px像素（Pixel）。相對長度單位。像素px是相對於顯示器螢幕解析度而言的。(引自CSS2.0手冊)
px會隨著螢幕解析度的改變而改變，但是瀏覽器對頁面進行縮放時會對頁面的整體布局產生影響。
em：
em是相對長度單位。相對於當前對象內文本的字型尺寸。如當前對行內文本的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。(引自CSS2.0手冊)
em一般會以<body>的font-size為基準，他繼承於父級元素。如果多層嵌套比較容易引起混亂。例如:
<body>
<div>
<p></p>
</div>
</body>
如果body中設定字型為10px，div中字型為1.2em即12px。那麼如果要設定p中字型為12px，則應在p中設定1em而非1.2em。若在p中設定1.2em，則字型實際大小為1.2*1.2=1.44。
而css3出現了一個新的單位rem
使用rem為元素設定字型大小時，仍然是相對大小，但相對的只是HTML根項目，而非em相對的父級元素。
也就是說你可以在html節點定義一個單獨的字型大小，然後所有其他元素使用rem相對於這個字型的百分比進行設定，這樣就意味著，我們只需要在根項目確定一個參考值，在根元
素中設定多大的字型，這完全可以根據您自己的需要。
比如：
html{font-size:62.5%}/*根項目中定義了一個基本字型大小為62.5%（也就是10px。設定這個值主要方便計算，如果沒有設定，將是以“16px”為基準 ）。
body{font-size:1.2rem}/*12px*/
h1{font-size:1.4rem}/*14px*/
具體換算參考http://pxtoem.com/
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
