rem，我设置了font-size:62.5%；为啥1rem=12px呢，不应该是1rem=10px么

Question

/** 通用样式 **/
*{
    margin: 0;
    padding: 0;
}
html{
    font-size: 62.5% !important;
}

我这样写的样式，之后给一个div设置height：10rem；但是审查元素的时候发现这个div的高度是120p x，为什么不是100px呢？我用了bootstrap，浏览器是chrome。

Answer 1

我记得以前版本的chrome 不支持font-size < 12px 默认最小就是12px 也就是你设置小于12px也按12px显示 最近更新的版本好像支持了 据说是因为google怕中文字体过于小的话，太挤了不好识别 对兼容性不高的话 可以使用 scale缩放解决

Answer 2

那你直接 html { font-size：10px}不就好了。。