rem與px的轉換

1.em是相對於元素的的父元素的font-size進行計算。

2.rem是相對於根元素html的font-size進行計算。

rem和em的區別說完後，就介紹rem和px之間的轉換吧。（帶著愉快的心情去了解吧，歐耶）

px和rem之間的轉換關係：（假設使用的瀏覽器預設的字型大小是16px）

pxrem

1212/16=0.75

1414/16=0.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

如果你要設定乙個不同的值，那麼需要在根元素中定義，為了方便計算，時常在元素中設定font-size值為62.5%。

html

pxrem

1212/10=1.2

1414/10=1.4

1616/10=1.6

1818/10=1.8

2020/10=2

2424/10=2.4

3030/10=3

3636/10=3.6

4242/10=4.2

4848/10=4.8

我們可以用除法公式來記 被除數÷除數=商（a÷b=c）

被除數是：要設定的字型大小

除數是：html中的font-size值

商就是：rem啦

總結為：要設定的字型大小÷html中的font-size值=rem

如有錯誤，還望訂正，謝謝。

rem與px的轉換

2019獨角獸企業重金招聘python工程師標準 rem是相對於根元素，這樣就意味著，我們只需要在根元素確定乙個參考值，這個參考值設定為多少，完全可以根據您自己的需求來定。我們知道，瀏覽器預設的字型大小16px，來看一些px單位與rem之間的轉換關係 px rem 12 12 16 75 14 14...

Rem與Px的轉換

rem是css3中新增加的乙個單位值，他和em單位一樣，都是乙個相對單位。不同的是em是相對於元素的父元素的font size進行計算 rem是相對於根元素html的font size進行計算。這樣一來rem就繞開了複雜的層級關係，實現了類似於em單位的功能。rem的使用 前面說了em是相對於其父元...

rem與px之間的轉換

rem是相對於根元素，這樣就意味著，我們只需要在根元素確定乙個參考值，這個參考值設定為多少，完全可以根據您自己的需求來定。所以這裡總結一句，所謂依賴根元素來計算的方式，就是先給予html元素乙個font size，然後我們所有的rem就根據這個font size來計算 例如 html那麼我們這裡的1...