rem是相對於根元素，這樣就意味著，我們只需要在根元素確定乙個參考值，這個參考值設定為多少，完全可以根據您自己的需求來定。
所以這裡總結一句，所謂依賴根元素來計算的方式，就是先給予html元素乙個font-size，然後我們所有的rem就根據這個font-size來計算
例如：
htmlhtml下面是html根元素font-size為16px的對照表
pxrem
1212/16 = .75
1414/16 = .875
1616/16 = 1
1818/16 = 1.125
2020/16 = 1.25
2424/16 = 1.5
3030/16 = 1.875
3636/16 = 2.25
4242/16 = 2.625
4848/16 = 3
下面是html根元素font-size為 62.5%; /* 10 ÷ 16 × 100% = 62.5% */，也就是10px的對照表
pxrem
1212/10 = 1.2
1414/16 = .875
164/10 = 1.4
1818/10 = 1.8
2020/10 = 2.0
2424/10 = 2.4
3030/10 = 3.0
3636/10 = 3.6
4242/10 = 4.2
4848/10 = 4.8
感謝閱讀，希望能幫到您！
rem與px的轉換
2019獨角獸企業重金招聘python工程師標準 rem是相對於根元素，這樣就意味著，我們只需要在根元素確定乙個參考值，這個參考值設定為多少，完全可以根據您自己的需求來定。我們知道，瀏覽器預設的字型大小16px，來看一些px單位與rem之間的轉換關係 px rem 12 12 16 75 14 14...
rem與px的轉換
1.em是相對於元素的的父元素的font size進行計算。缺點 當父元素多層使用font size時，可能會帶來無法預知的錯誤。2.rem是相對於根元素html的font size進行計算。rem和em的區別說完後，就介紹rem和px之間的轉換吧。帶著愉快的心情去了解吧，歐耶 px和rem之間的轉...
Rem與Px的轉換
rem是css3中新增加的乙個單位值，他和em單位一樣，都是乙個相對單位。不同的是em是相對於元素的父元素的font size進行計算 rem是相對於根元素html的font size進行計算。這樣一來rem就繞開了複雜的層級關係，實現了類似於em單位的功能。rem的使用 前面說了em是相對於其父元...