chrome浏览器CSS字体大小小于12px不起作用解决方法

chrome浏览器不能显示字体大小小于12px解决方法,CSS设置小于12px字体不起作用的解决方法篇。

无论中文英文数字在网页中CSS设置小于12px后各大浏览器均支持,在谷歌chrome浏览器不支持解决方法。

针对低版本chrome谷歌浏览器设置一个校准字体大小样式:

-webkit-text-size-adjust:none

用法:

body{-webkit-text-size-adjust:none}

或 在设置小于12px的选择器对象里设置一个-webkit-text-size-adjust:none样式:

.abc{font-size:7px;-webkit-text-size-adjust:none}

高版本chrome谷歌浏览器不再支持小于12px的字体:

高版本chrome谷歌浏览器已经不再支持-webkit-text-size-adjust样式也就是不在支持小于12px以下字体,所以要使用时候慎用。为了兼容各大浏览器最好最小文字字体大小设置12px及12px以上。

建议:

1、用图片:如果是内容固定不变情况下,使用将小于12px文字内容切出做图片,这样不影响兼容也不影响美观。

2、使用12px及12px以上字体大小:为了兼容各大主流浏览器,建议设计美工图时候设置大于或等于12px的字体大小,如果是接单的这个时候就需要给客户讲解小于12px浏览器不兼容等事宜。

3、继续使用小于12px字体大小样式设置:如果不考虑chrome可以不用考虑兼容,同时在设置小于12px对象设置-webkit-text-size-adjust:none,做到最大兼容考虑。

4、使用12px以上字体:为了兼容、为了代码更简单 从新考虑权重下兼容性。

作者:小屋
链接:http://www.rumenwu.com/operate/559.html
来源:入门屋
入门屋著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。部分内容复制其他平台,如有侵权请联系删除。

(0)
打赏 支付宝打赏 支付宝打赏 微信打赏 微信打赏
上一篇 2018-03-15 00:44
下一篇 2018-03-21 22:04

相关推荐

  • 详解JavaScript轮播图技术理解

    众所周知,轮播图现今在网页中占据着必不可少的地位。任何的一个网站,一个网页,都会出现一个轮播图,而轮播图更是利用JavaScript做出的一个比较基础的动画。下面是我本人对写轮播图的一点见解,很多地方可能不是很全面,甚至可能说是错误的,希望大家多多指点。 下面这个是我自己闲暇时随便做的一个轮播图: 我觉得轮播图中最主要的是要理解到图片为什么会滑动,是怎么控制…

    2018-04-02
    2.3K0
  • 为什么div css网页在Firefox浏览器中不能水平居中

    为什么div css网页在FF浏览器中不能水平居中呢?为什么在其它浏览器中网页居中,在火狐浏览器FF中网页不能布局居中解决方法。 FF下面设置容器的左右外补丁为auto就可以了。 在DIVCSS5网站中介绍过很多次网页布局居中的条件,也是为了最大限度兼容各大浏览器。 条件一:对body加 text-align:center内容居中; 条件二:对需要居中的最外…

    2018-03-15
    2.0K0
  • 看了《速度与激情8》,才发觉这是自动驾驶汽车史上被黑得最惨的一次

    《速8》为全球的科技极客们献上的大礼——无人车是如何变成丧尸大军的。

    2017-04-17
    6.2K11
  • 转化变现相关词汇

    ROIReturn On Investment,投资回报率,指通过投资而应返回的价值,它涵盖了企业的获利目标,又称会计收益率、投资利润率 SSR展示发送比,show/send*100%,指一个广告发送后真正被展示给用户的几率 AdLoad广告负载量,AdLoad=Send/(Send+Impression) CTRClick Through Rate,点击到…

    2020-07-02
    8990
  • 被吹爆的私域到底是什么?

    关于私域流量运营的文章大家应该看过了很多,但有一个基本点是我们所忽略的:很多人对私域原点的认知是不清晰的。到底什么才是私域?私域为什么会产生价值?网上有各种各样的私域定义,今天本文作者从以下五个方面来阐述,帮助大家深刻建议对私域的认知。 一、私域的本质是流量 这是首当其冲要解释的一点,最重要的是对微信私域的认知。 村长之前也解释过,为什么要把那么多人导流到微…

    2021-03-03
    4000