帝王谷资源网 Design By www.wdxyy.com

相信不少做网站的用户会有这样一个问题,Chrome 默认最小字体是12px(最新版英文也有此问题),这个是 Chrome 为了更好显示中文设计的,但是这样一来就会出现某些上标、下标字体过大,影响用户体验。之前在开发Hybid App的时候也被它困扰了很久,在百度上查了很久,网上所有的解决方案都惊奇地相似,只有下面两种:

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,这就很难受了

3-最终解决办法!!!!从浏览器设置入手

尝试了前2种方法,我发现并没有用,无奈我使用了手机模拟器器进行调试,发现可以将字体设置为10px或者更小,于是乎我就在思考是不是谷歌浏览器本身限制了最小字体大小???于是乎,我打开浏览器,开始慢慢摸索,终于找到根治的办法了

1.打开浏览器,找到“设置

Chrome的最小字体12px限制最终解决办法

2.搜搜“字体

Chrome的最小字体12px限制最终解决办法

3.点击“自定义字体

Chrome的最小字体12px限制最终解决办法

4.将“最小字号”改成10px或者更小(建议不要小于8px,不利于阅读)

Chrome的最小字体12px限制最终解决办法

5.然后,问题就解决啦,其实根本就是谷歌浏览器本身对字体做了最小值限制,因为后来我用ie和火狐浏览器调试的时候,字体是可以设置成10px和8px的,这让我更加怀疑是谷歌浏览器的问题,而不是css代码有问题。

标签:
Chrome,最小字体,12px限制

帝王谷资源网 Design By www.wdxyy.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
帝王谷资源网 Design By www.wdxyy.com

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。