1rem等於多少px (rem和px怎樣轉換)

1rem等於html根元素設定的font-size的px值

如果css裏面沒有設定html的font-size，則默認瀏覽器以1rem=16px來換算。

 

假如我們在css裏面設定下面的css

html{font-size:14px}

那麼後面的CSS裏面的rem值則是以這個14來換算。

 

例如設定一個div寬度爲3rem,高度爲2.5rem.

則它換算成px爲width:42px.height:35px

 

同理，假如一個設計稿爲寬度42px,高度爲35px

則換成rem，則是42/14=3rem，35/14=2.5rem。（14就是html的font-size）