网页字体缩放样式:-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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章