网页字体缩放样式:-webkit-text-size-adjust的用法

    在Normalize.css看到了-webkit-text-size-adjust,以前也没有见过这个属性,所以我就在网

上找了一点资料来记录一下,以防忘记!


    中文版的chrome浏览器中的当将字体设置为小于12px的时候,chrome浏览器往往不会显示比

12px还要小的字,因为该浏览器中默认的字体最小是12px,所以当你想设置为10px的时候,该

浏览器页面中还是会显示的是12px的大小的。但是如果我们想要把它设置为10px字体的话,我

们就可以利用这个属性了。取消浏览器字体大小的限制:html{-webkit-text-size-adjust:none}
其实该浏览器的默认值出发点是好的,为了防止字体太小而使用户很难看清,但是也可能会有

开发者想要让字体小一点的,所以我们也还是可以用这个属性来设置的。


    但是用这个属性,并且是放在html中或者是body中的,会导致页面的缩放效果失效,而且当我

们想要放大整个页面的时候,一般来说字体也应该是要放大的,但是就因为我们使用了该属性

,导致字体是不会随着网页的放大而变大的。


    通常来说我们都是想让哪一个浏览器设置这个属性就加上哪一个浏览器内核的前缀:
html{-webkit-text-size-adjust:none}

参考资料:www.aimks.com

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值