关于谷歌内核 字体小于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



你可能感兴趣的:(css,webkit,浏览器,谷歌,html)