html {
font-size: 100%;
}
100% = 16px = 1rem
なので、これすなわち
html {
font-size: 16px;
}
●rem
はhtmlで指定されたフォントサイズの●倍
なので、
この状態での1rem
は、
16px * 1.0
つまり、1rem = 16px
ここで、
html {
font-size: 62.5%;
}
とすると、100% = 16px = 1rem
なので、これすなわち
html {
font-size: 10px;
}
だって、16px * 0.625 = 10px
だから。
繰り返すけど、
●rem
はhtmlで指定されたフォントサイズの●倍
なので、
この状態での1rem
は、
10px * 1.0
つまり、1rem = 10px
ではこの状態での1.2rem
は?
10px * 1.2
つまり、1.2rem = 12px
結論
html {
font-size: 62.5%;
}
を指定するだけで、
●rem = (● * 10)px
となり、remの係数を10倍すればpxの数値となって計算が簡単になることがわかった。