资讯专栏INFORMATION COLUMN

Chrome 文字低于12px的解决方案

galois / 1950人阅读

摘要:在浏览器中,我们将字体设为以下的时候,会发现和其实是一样的大小,也就是说默认的字体最小是的,那么接下来就介绍解决方法对于老式可添加如下属性对于新版本可添加如下属性

在chrome浏览器中, 我们将字体font-size设为12px以下的时候,会发现和12px其实是一样的大小,也就是说chrome默认的字体最小是12px的, 那么接下来就介绍解决方法

对于老式chrome

可添加如下CSS属性

-webkit-text-size-adjust: none;
对于新版本chrome

可添加如下CSS属性

font-size: 12px;
-webkit-transform-origin-x: 0;
-webkit-transform : scale(0.8,0.8) ;
display:inline-block;

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/117206.html

相关文章

  • 浏览器兼容问题

    摘要:一什么是浏览器兼容问题所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。条件注释最初于微软的浏览器中出现,并且直至均支持。 一、什么是浏览器兼容问题 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都...

    wenshi11019 评论0 收藏0
  • 浏览器兼容问题

    摘要:一什么是浏览器兼容问题所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。条件注释最初于微软的浏览器中出现,并且直至均支持。 一、什么是浏览器兼容问题 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都...

    remcarpediem 评论0 收藏0
  • 中文Chrome最小字体问题

    摘要:问题中文中最小字体为,设置更小字体的解决办法解决办法移动端的浏览器,禁止浏览器配置调整网页的字体大小,可以通过属性来禁止网页调整字体大小,该属性用来设定文字大小是否根据设备浏览器来自动调整显示大小,,可以支持。 问题:中文Chrome中最小字体为12px,设置更小字体的解决办法 解决办法: 移动端的Chrome浏览器,禁止webkit浏览器配置调整网页的字体大小, 可以通过CSS属...

    mochixuan 评论0 收藏0
  • 重拾css(5)——浏览器默认样式

    摘要:而依然有效的原因是浏览器默认样式的优先级低于外联内部样式。例如第二,浏览器默认样式还为设置了,这个值是对英文比较友好,中文状态下就显得有点拥挤。 上一节介绍了样式的五种来源,咱们再通过一张图回顾一下。 showImg(https://segmentfault.com/img/bVM2Rk?w=536&h=245); 对于上面的三层,咱们大概都比较熟悉了。下面的两层中,用户自定义样式一般...

    guqiu 评论0 收藏0
  • FE.CSS-快速梳理

    摘要:元素根据外在盒子是内联还是块级,分成块级元素和内联元素。值为常见的内联元素有。注数值需向上舍入是相对于计算的只能应用于内联元素以及的元素。的显示内联元素元素的垂直中心点和行框盒子基线往上处对齐。 前言 本文是对《CSS世界》阅读中所做笔记和感悟,若有错误请指正。 概述 CSS设计初衷是为了更好地展示图文。HTML元素根据外在盒子是内联还是块级,分成块级元素和内联元素。HTML元素也可根...

    XUI 评论0 收藏0

发表评论

0条评论

galois

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<