font-size:62.5% 在html 里面 style 设置 html font-size:20px

问题描述

问 题

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

解决方案

首先，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比较方便

这篇关于font-size:62.5% 在html 里面 style 设置 html font-size:20px的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！