全国服务热线:4008-888-888

技术知识

Chrome的最少字体样式12px限定最后处理✤方法

坚信很多建立网站的客户会出现那样一个难题,Chrome 默认设置最少字体样式是12px(全新版英语也是有此难题),这一是 Chrome 以便更强显示信息汉语设计方案的,可是那样一来便会出現一些上标、下标字体样式过大,危害客户感受。以前在开发设计Hybid App的情况下也被它困惑了好长时间,在百度搜索上查了好长时间,在网上全部的处理计划方案都惊讶地类似,仅有下边二种:

1-对于Google访问器加作为前缀开展兼容

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或是更小,因此我也在思索不是是Google访问器自身限定了最少字体样式尺寸???因此,打了开访问器,刚开始渐渐地探求,总算寻找除根的方法了

1.开启访问器,寻找“设定

2.搜一搜“字体样式

3.点一下“自定字体样式

4.将“最少字体大小”改为10px或是更小(提议不必低于8px,不好于阅读文章)

5.随后,难题就处理啦,实际上压根便是Google访问器自身对字体样式干了最少值限定,由于之后我用ie和火狐浏览器访问器调节的情况下,字体样式是能够设定成10px和8px的,这要我更为猜疑是Google访问器的难题,而并不是css编码不太好。

到此这篇有关Chrome的最少字体样式12px限定最后处理方法的文章内容就详细介绍到这了,大量有关Chrome最少字体样式內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服