“ rem（font size of the root element）是指相對於根元素的字體大小的單位”
一、概念
rem可以在用戶瀏覽網頁時，根據屏幕的尺寸，來向用戶展示更適合用戶的佈局、文字、圖片、按鈕
一旦根節點html 定義的 font-size 變化，那麼整個網頁中運用到 rem的也會隨之變化。
REM瀏覽器支持情況:
二、使用
瀏覽器的默認字體高都是16px。所有未經調整的瀏覽器都符合: 1rem=16px。那麼12px=0.75rem,10px=0.625rem。
重新計算那些被放大的字體rem數值，避免字體大小的重複聲明
目前PC端開始普遍使用rem, 移動端基本完全使用
三、px與rem對比
rem是相對於根元素<html>，這樣就意味着，我們只需要在根元素確定一個參考值，這個參考值設置爲多少，完全可以根據您自己的需求來定。瀏覽器默認的字號
16px，來看一些px單位與rem之間的轉換關係：
| px | rem |
| 12 | 12/16 = .75 |
| 14 | 14/16 = .875 |
| 16 | 16/16 = 1 |
-
爲了在項目中方便計算，時常將在****
<html>元素中設置font-size值爲10px:
| px | rem |
| 12| 12/10 = 1.2 |
| 14| 14/10 = 1.4|
| 16 | 16/10 = 1.6 |
喜歡的關注下公衆號哦,每天都有新的博文推送哦
