移动端
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。