主页 > 知识库 > 谷歌浏览器小字体处理方案即12px以下字体

谷歌浏览器小字体处理方案即12px以下字体

热门标签:咸阳稳定外呼系统软件 小朱地图标注 400开头的电话好申请不 地图标注柱状图 四川移动电销外呼客户管理系统 怎么做百度地图标注 百度地图标注为什么总是封号 智能芯电话机器人 临海地图标注app
谷歌浏览器是不支持12px以下小字体的,可能是考虑到用户体验吧。
网上也有一些文章介绍,说可以使用:

复制代码
代码如下:

-webkit-text-size-adjust:none;

但是,自chrome 27之后,就取消了对这个属性的支持。

我们还有其它办法解决这个问题吗?

谷歌浏览器支持CSS缩放,于是,我们可以在这方面做文章:

复制代码
代码如下:

-webkit-transform: scale(0.5);

既然最小支持到12px,那么就以12px为基点进行缩放,

同时可以使用-webkit-transform-origin-x: 0; 来解决缩放后margin-left的位移问题:

复制代码
代码如下:

.test_tag{
font-size:12px;
-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.5833333333333334);
}

scale值的计算方法为: 7 / 12 = 0.5833333333333334

标签:陕西 平凉 黄石 公主岭 黄石 山南 平顶山 南平

巨人网络通讯声明:本文标题《谷歌浏览器小字体处理方案即12px以下字体》,本文关键词  谷歌,浏览器,小,字体,处理,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《谷歌浏览器小字体处理方案即12px以下字体》相关的同类信息!
  • 本页收集关于谷歌浏览器小字体处理方案即12px以下字体的相关信息资讯供网民参考!
  • 推荐文章