女性へ向けたホームページの制作ポイント5つ。制作物を元に女性ウェブデザイナーが解説。
以前コーディングするときにrootの値を20pxか16pxにするとやりやすい、というつぶやきをしたかと思うのですが、
https://twitter.com/_kohimoto_/status/1060405065742135298
16pxの時にrem値をいちいち変換する計算が面倒くさいので早見表をつくろうと思います。
2pxにつき0.125pxプラスされてます。
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企業出身。サイト制作を通じて微力ながら社会が良くなる手助けをしたいと思っている。
INDEX
PICK UP