MENU
CLOSE
CODESTUDYWEBSITE Edit : 2019.04.19 Update : 2023.01.30

rootが16pxの時、remへ変換する数値早見表

以前コーディングするときにrootの値を20pxか16pxにするとやりやすい、というつぶやきをしたかと思うのですが、

https://twitter.com/_kohimoto_/status/1060405065742135298

16pxの時にrem値をいちいち変換する計算が面倒くさいので早見表をつくろうと思います。
2pxにつき0.125pxプラスされてます。

16px ⇆ 1rem 数値変換早見表

 

px rem
10px 0.625rem
12px 0.75rem
14px 0.875rem
16px 1rem
18px 1.125rem
20px 1.25rem
22px 1.375rem
24px 1.5rem
26px 1.625rem
28px 1.75rem
30px 1.875rem
32px 2rem
34px 2.125rem
36px 2.25rem
38px 2.375rem
40px 2.5rem
42px 2.625rem
44px 2.75rem
46px 2.875rem
48px 3rem
50px 3.125rem
60px 3.75rem
70px 4.375rem
80px 5rem
90px 5.625rem
100px 6.25rem



自分でコピペして使います。w
 

KOHIMOTO

Miki+Yuka / 東京・吉祥寺でKOHIMOTO Inc.というWebサイト制作の会社をやっているエンジニアとデザイナー🌐 IT企業出身。サイト制作を通じて微力ながら社会が良くなる手助けをしたいと思っている。