谷歌浏览器小字体处理措施即12px以下字体
发布时间：2021-12-02 14:51:58 所属栏目：大数据 来源：互联网
导读：复制代码 代码如下: -webkit-text-size-adjust:none; 但是，自chrome 27之后，就取消了对这个属性的支持。 我们还有其它办法解决这个问题吗？ 谷歌浏览器支持CSS缩放，于是，我们可以在这方面做文章： 复制代码 代码如下: -webkit-transform: scale(0.5); 既
|
复制代码 代码如下: -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  （编辑：济南站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐