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

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


 
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
  
Twitte🐖🥚🍳🐣@_kohimoto_
Instagram🍳🐣@_kohimoto_

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA