问题来源:

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.form-signin {
    max-width: 500px;
    padding: 1rem;
}

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

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

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

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

问题解决

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

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

先来看看问题出在哪儿:

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

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

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

 

相关文章:

  • 2022-01-14
  • 2022-01-27
  • 2022-12-23
  • 2021-04-13
  • 2021-06-28
  • 2022-12-23
  • 2021-08-15
猜你喜欢
  • 2022-12-23
  • 2021-08-31
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-27
相关资源
相似解决方案