大部分PC浏览器对于12px以下的文字都不再缩小,而是以12px大小显示,因为小于12px的文字已经影响了人们的阅读。
所以一般在PC上不宜显示小于12px的文字,如果确实需要显示,现在一般用CSS的transform
属性进行缩放。如:要显示10px,则scale值为10/12≈0.83,CSS样式为transform: scale(0.83)
。transform
默认以几何中心点缩放,如何需要以其他位置为中心缩放可以设置transform-origin
的值。
谷歌新版本已经不支持私有属性-webkit-text-size-adjust
,所以这个设置不生效,而且不能兼容其他浏览器。