首页 > 技术文章 > 中文chrome font-size 10px,11px,12px,rem只为12px解决办法

v-weiwang 2016-01-08 17:15 原文

问题来源:

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默认大小。

 

推荐阅读