Chrome 限制了最小字体是 12px,虽然一般情况下,比这还小的字体将会无法清晰查看,但非得设时,可以使用以下代码来解除限制。
html{-webkit-text-size-adjust:none;}
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 来平移调整。
不建议用这个属性来支持小字体,这样会使页面缩放时其他元素缩放了,而字体还是一样大小。实际上现在都是大屏的显示器,12px以上的才是正道呀。
果真!学习了
看到我出现在P.S.里真是格外感动呀。
值的注意的地方我就放上去了,以后回头看的时候也不用翻到评论才发现
哎呀哎呀,果断学习了~
哈,记录备忘而已