始于设计 - 专于体验 - 合于沟通 - 久于转化 - 终于口碑 !      16年高端网站建设、跨境电商独立站定制开发、300+专业技术,设计团队、国家高新技术企业
解决谷歌浏览器下CSS设置字体小于12px无效办法

发布者:万邦     目录:外贸网站制作     阅读数:42891

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

上一篇: IE9不支持CSS line-height的文字垂直居中解决方法

下一篇: 外贸网站建设公司能够快速发展的四个要素