解除Chrome字体最小12px的限制

Chrome 限制了最小字体是 12px,虽然一般情况下,比这还小的字体将会无法清晰查看,但非得设时,可以使用以下代码来解除限制。

html{-webkit-text-size-adjust:none;}

学自 chrome下最小12px字体的解决方法

P.S. airyland 提醒:不建议用这个属性来支持小字体,这样会使页面缩放时其他元素缩放了,而字体还是一样大小。

P.S. 非要用的时候,把选择符精确定位至小于 12px 的元素上,不用 html,减少影响范围。

2013/06/26

Chrome 里可以设置字体大小的下限,默认是 12,最小可以去到 6,最大可以去到 24,但问题是,不可能要求浏览者修改浏览器的设置。所以最好的方法还是:尽可能不要设计小于 12 的字,如果有,那应是不可变的(这样可用图片)。

Chrome 27 后取消了上面的技巧,所以非得要做的话可以用 -webkit-transform{scale(0.85) translate(-1px, 1px)} 这样的方式。scale 来做缩放,缩放产生了位移,再加上 translate 来平移调整。

6条评论

  1. 不建议用这个属性来支持小字体,这样会使页面缩放时其他元素缩放了,而字体还是一样大小。实际上现在都是大屏的显示器,12px以上的才是正道呀。

        1. 值的注意的地方我就放上去了,以后回头看的时候也不用翻到评论才发现

评论已关闭。