移动端chrome下使用rem的最小字体问题

Question

移动端chrome下使用html{font-size：62.5%}显示的是12px，而-webkit-text-size-ajust:none属性在新版chrome下已经被弃用了，请问各位是如何解决的

Answer 1

font-size给高点又不会死。。

csshtml{
    font-size:20px;
}

然后rem可以以20为基准了。

Answer 2

-webkit-text-size-ajust:none 熟悉已经弃用很久了，所以chrome 不支持12px以下的字体显示了，因为chrome觉得 12px 以下的字体在桌面设备上不利用用户阅读，所以把字体大小放在用户设置里边了
在浏览器中输入：chrome://settings/ ，高级设置里边有网络内容字号设置，只有当用户在设置字体小或者极小的情况下，你css设置的 font-size: < 12px 才会在浏览器中生效；

关于 html 的 font-size:
为什么要使用 html{font-size：62.5%}
1.设置文档的基准字体 在设置了font-size：62.5%以后,那么换算出来的宽度就是 :

1rem = 10px
1.2rem ~= 12px
.....
2rem ~= 20px;

这样方便计算,请注意 rem 这个单位 全名是 root-em，字体相对大小是基于文档根的 font-size 而定；
em 是会依父层字体大小乘本身字体大小的；

<style>
.box1 {
    font-size:1.2em
}
.box1 h2 {
    font-size:1.2em
}
<style>


<div classs="box1">
    <h2></h2>
    <!-- 这里的H2字体实际大小是 1.2 x 1.2 ~= 1.44 -->
</div>

希望对你有帮助。

Answer 3

如果想让中文字体比12PX小，可以用CSS3的变形 scale

Answer 4

我也遇到同样的问题。 解决方案只能像@chitanda这样把基本字号调成20px。

Answer 5

html{font-size:625%}
div{width:.1rem;} /*相当于10px*/
span{font-size:.14rem;} /*相当于14px*/