html字号62.5%,font-size:62.5% 在html 里面 style 设置 html font-size:20px-汗血宝马

在引入的css里面设置了 body {font-size：62.5%;}  在html 里面写 style html{font-size：20px;}  30px 是多少 rem？ 这个怎么算

font-size：62.5% === 10 px

比如 一个

标签 font-size: 1rem; 实际就是 10px.

这时候你把html的字体 font-size：20px ;

标签还是 font-size: 1rem; 实际就是 1 X 20 px.

首先，rem是以html为基准。

后面的元素如果用rem，则会以html中的fontsize为参考对象，如果单位仍用px，那么写多少就是多少，不需要计算。

如果是以rem为单位，则数值是html中fontsize的倍数。

比如html中fontsize是10px，那么1rem就是10px，如果html中fontsize是20px，那么1rem就是20px。

回到你的问题上，html是20px。30px = 1.5rem。 计算过程：1rem = 20px ，30/20 = 1.5rem

补充内容不让在评论里说，那就直接编辑了。62.5%一般是10px，而chrome对于pc端中文默认最小size是12px，所以你设的62.5%,在chrome中是无效的，默认也给你转成了12px，所以一般是设成625%，这样基准就是100px，这样写rem比较方便