今天在外贸网站建设的过程中,调小下拉菜单下面的栏目标题时,发现小于12px的字体大小在- 谷歌浏览器(Google Chrome)中没有变化,这说明google不支持小于12px字体?!其实在做前几个项目的时候在测试浏览器兼容性的时候有发现过这个问题。当时没有太在意,因为没有错乱的问题。今天由于在CSS设置的大小是10px,且父级DIV宽度也刚好只能容纳10px大小的字体宽度。所以在谷歌浏览器里就错乱了。这还了得,不得被客户劈死。
谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,有时我们需要字体小点,特别是在制作英文网站时,所以很蛋疼。不过还是有解决方案的。看下面:
在html或者body里添加一句谷歌浏览器专有的属性。
html,body{
-webkit-text-size-adjust:none;
}
注意:如果使用了这个属性,浏览器的字体将不能使用放大缩小功能!(就是按住CTRL键上下滚动鼠标中键的那功能)