html手机端最小字体,移动端chrome下使用rem的最小字体问题

移动端

chrome

下使用

html{font-size：62.5%}

显示的是

12px

，而

-webkit-text-size-ajust:none

属性在新版

chrome

下已经被弃用了，请问各位是如何解决的

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

css

html{

font-size:20px;

}

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

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

-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>

希望对你有帮助。

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