[size=medium][align=center]解决chrome 12像素字体大小限制[/align][/size]
中文版的chrome有个12px字体限制的问题,就是当字体小于12px时候都以12px来显示,这个问题在中文网站中并不突出,因为中文字体为了显示清晰一般都定义为大于或等于12px,但如果是一些英文网站那就不好说了,这时12px的限制就会破坏页面的美感,甚至因为文字变大而导致页面变形。
可以使用Webkit 的内核的 [color=red]-webkit-text-size-adjust[/color] 的私有 CSS 属性来解决,比如下面的代码就可以成功的解决,通过它即可实现字体大小不随终端设备或浏览器影响。样式定义如下:
[size=medium].chrome10px{ -webkit-text-size-adjust:none; font-size:10px; }[/size]
只要 加了[color=red] -webkit-text-size-adjust:none;[/color] 字体大小 就不受限制了。
中文版的chrome有个12px字体限制的问题,就是当字体小于12px时候都以12px来显示,这个问题在中文网站中并不突出,因为中文字体为了显示清晰一般都定义为大于或等于12px,但如果是一些英文网站那就不好说了,这时12px的限制就会破坏页面的美感,甚至因为文字变大而导致页面变形。
可以使用Webkit 的内核的 [color=red]-webkit-text-size-adjust[/color] 的私有 CSS 属性来解决,比如下面的代码就可以成功的解决,通过它即可实现字体大小不随终端设备或浏览器影响。样式定义如下:
[size=medium].chrome10px{ -webkit-text-size-adjust:none; font-size:10px; }[/size]
只要 加了[color=red] -webkit-text-size-adjust:none;[/color] 字体大小 就不受限制了。