webkit 字体大小调整

页面重构经常会做字体大小调整,有时字体会小于12px,当然如果你用firefox、opera、ie浏览我们的游戏页面,这些都是正常的,但有没有试过chrome呢?这时你会发现原本小于12px字体它却显示12px大小了,就要用到

-webkit-text-size-adjust

这个是苹果移动设备用于控制字体大小用的,这里有它的说明: 点击查看

下面是apple关于-webkit-text-size-adjust 的说明
-webkit-text-size-adjust
Specifies a size adjustment for displaying text content in Safari on iOS.
Syntax
-webkit-text-size-adjust: percentage
Parameters
percentage
The size at which to display text in Safari on iOS.
Constants
auto
The text size is automatically adjusted for Safari on iOS.
none
The text size is not adjusted.
Availability
Available in iOS 1.0 and later.
Support Level
Apple extension—Safari on iOS only.
在CSS布局里这么写-webkit-text-size-adjust:none; 就可以改变chrome字体大小调整

PS:

Chrome 跟Safari 同核心 webkit

IE 核心:Trident

Firefox 核心:Gecko

Opera 核心:Presto


你可能感兴趣的:(webkit)