解决Chrome谷歌浏览器不支持CSS设置小于12px的文字
解决Chrome谷歌浏览器不支持CSS设置小于12px的文字
- 不支持小于12pxCSS样式目录
1、谷歌浏览器不支持设置CSS较小字体问题分析 - TOP
网页常常为了排版美观，会使用忽大或小的文字，通常font-size文字为12px（像素）文字。设置大于12px文字字体，各浏览器都能显示出CSS所设置文字大小效果。但是CSS设置小于12px文字时候谷歌浏览器google Chrome就不能显示出CSS所设置小于12px的文字字体效果。
2、谷歌浏览器支持设置font-size小于12px像素解决方法 - TOP
谷歌浏览器默认最小字体为12px，小于12px的字体它都以12px显示，有时我们需要字体小点，特别是在制作英文网站时，常常使用CSS样式显示小于12px文字，这样谷歌浏览器就不能显示所设置较小的文字。不过还是有解决方案的。
3、解决所需CSS代码 - TOP
在html或者body里添加一句谷歌浏览器专有的内核属性样式（或者在需要设置小文字字体对象CSS选择器添加也可）如下CSS代码：
html,body{-webkit-text-size-adjust:none;}
或
.divcss5{-webkit-text-size-adjust:none;}
注：如果使用了这个属性，浏览器的字体将不能使用放大缩小功能！（就是按住CTRL键上下滚动鼠标中键的那功能）
尝试换单位-无用：
还有朋友说用em(字符)作为单位定义字体大小有用。本人亲自测试过，用em字义的字体在谷歌浏览器中最小也不会小于12px。所以是没用的。暂时我只知道上面一种方法
4、设置小字体后浏览器对比图 - TOP
谷歌浏览器关于font-size字体小于12像素对比图
5、设置前HTML+CSS代码截图 - TOP
6、设置CSS样式后DIV+CSS代码截图 - TOP
7、掌握与总结 - TOP
谷歌浏览器Chrome是Webkit的内核，有一个 -webkit-text-size-adjust 的私有 CSS 属性，通过它即可实现字体大小不随终端设备或浏览器影响。
CSS样式定义如下：
-webkit-text-size-adjust:none;
关于谷歌浏览器显示CSS样式设置字体大小问题终于尘埃落定，这样以来其他浏览器也不会因为此CSS样式属性而受影响。
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/wenji/w321.shtml
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
