google对小于12px的英文字体的解决方法

浏览器兼容一直以来是很多人很头疼的问题，特别是一些很隐蔽的私有属性，常常让我们很苦恼。最近做一个外贸平台的时候刚好遇到了这个棘手的问题。Google将小于12px的英文字体强制显示为12px，这对志在兼容所有浏览器的我来说是一个不可忽视的问题。关于这个问题，请教了很多的高手，他们都说不知道，因为平时都很少做外贸平台，所以对于这个BUG他们不是很清楚。于是上网查资料，发现这是Google怕字体太小了，用户看不清楚，这个BUG让人觉得很无语，特别是像我们这种前端制作者。随后找到一些方法，比如改变字体，因为不同的字体在浏览器下面显示会有一定的区别，但是这种方法不怎么行得通。还有一种方法是通过自己制作字体来代替默认字体，但是原理其实和第一种方法一样，行不通。最完美的办法是改变Google内核的一个属性，具体代码如下：body,table,pre {-webkit-text-size-adjust:none; font: 11px/1.231 Arial,Helvetica,clean,sans-serif;}。关键就在于这个属性-webkit-text-size-adjust:none;至此，困扰我半个月的问题终于解决了。
转载于：http://my.68design.net/28075/blog/11109.html