• Google Chrome浏览器不支持小于12px的字体大小的问题及解决方法(我写的都不行)


    解决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;}


    .divcss5{-webkit-text-size-adjust:none;}

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

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

     

    4、设置小字体后浏览器对比图
    关于谷歌浏览器设置字体小于12像素样式解决前后对比图

    谷歌浏览器关于font-size字体小于12像素对比图

     

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

    5、设置前HTML+CSS代码截图:

    6、设置CSS样式后DIV+CSS代码截图:

     

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

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

     

    来源:http://www.divcss5.com/wenji/w321.html

  • 相关阅读:
    微信小程序设置底部导航栏目方法
    微信小程序四(设置底部导航)
    微信小程序三(设置页面标题)
    error while loading shared libraries: libpcre.so.0的解决办法(转)
    mysql无法启动问题的解决方案:mysql.sock重启不自动生成,mysqld_safe启动报错
    使用snmp+mrtg监控CPU、流量、磁盘空间、内存
    lvs之dr技术的学习与实践
    lvs之nat技术的学习与实践
    lvs之ip-tun(ip隧道)技术的学习与实践
    CentOS 6.4下Squid代理服务器的安装与配置【转】
  • 原文地址:https://www.cnblogs.com/nc-blog/p/3670413.html
Copyright © 2020-2023  润新知