作者:张骞在这里 | 来源:互联网 | 2023-10-12 21:37
该属性用来设定文字大小是否根据设备(浏览器)来自动调整
1 | text-size-adjust:percentage
|
percentage:字体显示的大小;
auto:默认,字体大小会根据设备/浏览器来自动调整;
none:字体大小不会自动调整
该属性最初为iPhone版safari设计,用来自动调整普通网页在iPhone端字体的展现问题,不过webkit都支持改属性,也就可以用来做其它用处。比如,chrome中文版会默认设定页面的最小字号是11px,英文版则不做限制,主要是因为chrome认为汉字小于11px就会很难识别,而我们在页面中,对于数字/英文内容可能会有特殊的需求要求它们以更小的字号来显示,这个时候就需要取消浏览器的自动调整功能了
效果如下:
testing wording 测试中文字体
1.该属性只有webkit浏览器支持,目前是webkit的私有扩展;
2.滥用-webkit-text-size-adjust:none会造成不良后果,相关的部分的文字将不能随页面的缩放而缩放,对于视障用户来说,这是个悲剧。(可以将本页面放大200%或300%来看下上面的测试字体会不会变化)
- safari 3.0+,chrome 1.0+
- Firefox
- IE
- Opera