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

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

热门标签:美图手机 使用U盘装系统 智能手机 检查注册表项 百度竞价点击价格的计算公式 硅谷的囚徒呼叫中心 阿里云 网站建设
谷歌浏览器是不支持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以下字体》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266