Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制,主要是因为chrome认为汉字小于12px就会增加识别难度,尤其是中文常用的宋体和微软雅黑。而我们在实际项目中,对于数字/英文内容,其他字体的文本可能会有特殊的需求要求它们以更小的字号来显示,这个时候就需要取消浏览器的自动调整功能了。
一般解决方案是禁止webkit浏览器配置调整网页的字体大小。如下CSS定义方式:
1
|
.
demo
{
-
webkit
-
text
-
size
-
adjust
:
none
;
font
-
size
:
9px
;
}
|
但是在27版本以后,Chrome修复了此功能
这里给出解决方案
1
2
3
4
|
.
chrome_adjust
{
font
-
size
:
9px
;
-
webkit
-
transform
:
scale
(
0.75
)
;
//针对Chrome 设置字体缩小比例
}
|
其实在Chrome下最好还是不要用小于12号字体,因为缩小字体,会使字体间距缩小,看起来也不美观。尤其在Chrome 27中文PC以后的版本,如果用-webkit-transform
,即上述方法,设置缩小的字体是英文字体的话,英文间距会缩小,看起来会部分重叠在一起。