日期:2013-11-24  浏览次数:21304 次

网页制造aiyiweb文章简介:处理Chrome谷歌浏览器不支持CSS设置小于12px的文字.

1、谷歌浏览器不支持设置CSS较小字体问题分析

网页常常为了排版美观,会使用忽大或小的文字,通常font-size文字为12px(像素)文字。设置大于12px文字字体,各浏览器都能显示出CSS所设置文字大小效果。但是CSS设置小于12px文字时候谷歌浏览器google Chrome就不能显示出CSS所设置小于12px的文字字体效果。

2、谷歌浏览器支持设置font-size小于12px像素处理方法:

谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,有时我们需求字体小点,特别是在制造英文网站时,常常使用CSS款式显示小于12px文字,这样谷歌浏览器就不能显示所设置较小的文字。不过还是有处理方案的。

3、处理所需CSS代码

在html或者body里添加一句谷歌浏览器专有的内核属性款式(或者在需求设置小文字字体对象CSS选择器添加也可)如下CSS代码:
html,body{-webkit-text-size-adjust:none;}


.Aiyiweb.Com{-webkit-text-size-adjust:none;}

注:如果使用了这个属性,浏览器的字体将不能使用放大缩小功用!(就是按住CTRL键上下滚动鼠标中键的那功用)

尝试换单位-无用:
还有朋友说用em(字符)作为单位定义字体大小有用。本人亲身测试过,用em字义的字体在谷歌浏览器中最小也不会小于12px。所以是没用的。暂时我只知道上面一种方法

谷歌浏览器Chrome是Webkit的内核,有一个 -webkit-text-size-adjust 的私有 CSS 属性,通过它即可实现字体大小不随终端设备或浏览器影响。
CSS款式定义如下:
-webkit-text-size-adjust:none;

关于谷歌浏览器显示CSS款式设置字体大小问题终于尘埃落定,这样以来其他浏览器也不会由于此CSS款式属性而受影响。