关于谷歌内核 字体小于12px时候的情况


今天做东西的时候 发现谷歌内核 的浏览器对于font-size小于12px时 仍然按照12px处理的。

现记录如下 :


在 Chrome  v.27 之前的可以这样写

.text1{  
      -webkit-text-size-adjust: none;  
      font-size: 11px;  
} 
ps:

加入该段css后,可以在chrome中设置小于12px的字体。但同时引入的问题是,在缩放页面时,不能自动缩放字体的大小。
所以尽量不要吧这句css写到html和body上,而是写到需要将字体设置到12px一下的元素上。据说 :当将其值设为100%的时候,可以避免这种情况
这里我没有实验成功就不多说了




在 Chromium 27.0.1439.0 (187669) 中就会看到该属性变为未识别的了:




Chrome 对于简体中文版最小字号限制为12px 一直是我不解的,这样会间接带来好多问题。目前似乎只有通过类似

transform:scale(0.875);

.buz span p { -webkit-transform: scale(0.917); }

的方式来解决了。
 
可以看这个 Demo: JS Bin - Collaborative JavaScript Debugging




当然还可以用hack 来写,

  http://blog.csdn.net/ww122081351/article/details/24124981



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值