text-size-adjust

该属性用来设定文字大小是否根据设备(浏览器)来自动调整

语法

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值