フォントサイズの指定
emのとき
html{
font-size: 62.5%;
}
body{
font-size: 1.5em;
}
※計算しやすいようhtmlは10pxにしておく
remのとき
html{ font-size: 62.5%; } body{ font-size: 1.5rem; }
px → rem 変換表
14px基準 | 16px基準 | |
13px | 0.928571429rem | 0.8125rem |
14px | 1rem | 0.875rem |
15px | 1.071428571rem | 0.9375rem |
16px | 1.142857143rem | 1rem |
18px | 1.285714286rem | 1.125rem |
20px | 1.428571429rem | 1.25rem |
22px | 1.571428571rem | 1.375rem |
24px | 1.714285714rem | 1.5rem |
28px | 1.714285714rem | 1.5rem |
32px | 2.285714285rem | 2rem |
36px | 2.571428571rem | 2.25rem |