中文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默認大小。