中文chrome font-size 10px,11px,12px，rem只为12px解决办法

问题来源：

html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.form-signin {
max-width: 500px;
padding: 1rem;
}

当我在chrome上查看padding的时候，问题来了



我明明设置的1rem，正常情况下，应该是10px，但是chrome不正常，竟然是12px，不管我怎么改font-size的值，只要小于12px都是12px.

我后面设置成html{font-size:16px}, .from-signin{padding:0.625rem}

问题解决



但是我就是需要把html中的font-size设置成10px怎么解决呢？

先来看看问题出在哪儿：

之前测试中，只要<=12px ,都为12px

后查资料得知：chrome中文版默认最小字符值12px,chrome英文版默认最小字符值10px

所以只要取消chrome默认大小。