font-size:62.5%运用em与px长度单位

2020-04-24 22:20:52 看见body设置font-size:62.5%字体大小,而且是百分比的,作用意义。

看见body设置font-size:62.5%字体大小,而且是百分比的,作用意义。

body { font-size: 62.5%}
div{font-size: 1.2em}

设置百分比而且刚好是62.5%的意义是,让em长度单位与px长度单位可以轻松换算轻松。

解释看下面:

body{font-size: 62.5%;}这样的设置,主要是为了方便em与px相互转换。

默认em单位的初始值为1em=16px,显然这样的话,如1.2em则=19.2px,显然19.2px设置是无效的,字体px值为大于12px整数偶数值,在用px表示大小时数值是不能带小数位的。

当设置了body{font-size: 62.5%;}后,1em则=16px*62.5%=10px,1.2em则=12px。

1.6em时候值就是16px,这样设置em为单位值就知道对应px字体大小就一目了然。

更新