chrome浏览器怎么设置中文解决Chrome谷歌浏览器不支持CSS设置小于12px的文字
不支持小于12pxCSS样式名目

    问题分析
    谷歌扫瞄器支持font-size小字体办法
    解决所需CSS代码
    解决前后截图
    未解决前HTML+CSS代码截图
    解决后HTML+CSS代码截图
    把握说明


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像素对照图


HTML+CSS代码前后局部代码截图:

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样式属性而受影响。

     

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。