東京都のホームページ制作(多摩市)|スタジオハロー

フォントサイズの指定

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基準
13px0.928571429rem0.8125rem
14px1rem0.875rem
15px1.071428571rem0.9375rem
16px1.142857143rem1rem
18px1.285714286rem1.125rem
20px1.428571429rem1.25rem
22px1.571428571rem1.375rem
24px1.714285714rem1.5rem
28px1.714285714rem1.5rem
32px2.285714285rem2rem
36px2.571428571rem2.25rem