CSS-Chrome浏览器样式问题
最近开发系统，发现相同的样式在Chrome下显示很不一样，很多地方在别的浏览器显示正常，但在这个浏览器下显示就换行了，经过比较发现字体明显大，不知道是为什么？有没有好的解决办法？
比如同样的一个单词，字体大小设置成了11px
其他浏览器显示为：
chrome显示为：
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
其实不光字体，还有字体颜色很多css样式在chrome、Safari下不兼容，我建议用webkit 内核的css hack；只有webkit核心浏览器的谷歌浏览器、safari浏览器识别的CSS hack。比如：
body { color:red; font-size:12px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/***** 在 Chrome、Safari下字体颜色为蓝色，其他浏览器为红色 *****/
body { color:blue; font-size:11px;}
}
使用下面的方法试下。
font-size:11px; -webkit-text-size-adjust: none;
12px是宋体能显示的极限，虽然微软雅黑能显示更小的字体，但目前的应用环境尚未成熟。由于宋体基本上是目前显示中文唯一的通用Web字体，所以12px成为最常用的字体大小。我们当然可以依据产品的需要来修改这个默认值。
不用考虑基于字体大小（em）的设计。
在Chrome3.0之后的中文版中，字体大小最小值是12px，比如你设置最小字体为10px，最后也变成12px。
不知道你是什么字体，宋体的话网上有这样的解释；
参考：http://developer.51cto.com/art/201009/223151.htm