加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 金华站长网 (https://www.0579zz.com/)- 智能机器人、智能内容、人脸识别、操作系统、数据迁移!
当前位置: 首页 > 编程 > 正文

chrome最小字体限制的问题

发布时间:2024-04-27 23:51:36 所属栏目:编程 来源:DaWei
导读: chrome最小字体限制的问题?一些朋友可能知道Chrome 默认最小字体是12px,这样的设计也是出于为了更好显示中文,但是这样的设计也有一个坏处,就是可能会出现某些上标、下标字体过大的情况
 chrome最小字体限制的问题?一些朋友可能知道Chrome 默认最小字体是12px,这样的设计也是出于为了更好显示中文,但是这样的设计也有一个坏处,就是可能会出现某些上标、下标字体过大的情况,这对于用户体验并不好。接下来给大家分享两种方法,感兴趣的朋友可以了解看看。

1-针对谷歌浏览器加前缀进行适配

html{
  -webkit-text-size-adjust:none;
  }
给html标签加上下面一个属性,然而,当我打开浏览器时,发现并没什么用,后来发现这个属性在chrome 27版本以后被废弃了,可真烦呢!

2-利用css3的transform属性

<div class=""small-font>这是一段文字</div>
.mini-font{
  font-size: 12px;
  -webkit-transform-origin-x: 0;
  -webkit-transform: scale(0.90);
}

这种方法是利用了css3的缩放属性,即:将文字大小整体缩小为原来的0.9倍,但是有一个硬伤,他只是缩小了文字的大小,并不能将文字所占的区域大小缩小,即无法缩小元素的width和height,这就很难受了.

(编辑:PHP编程网 - 金华站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章