在线时间:8:00-16:00
迪恩网络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 |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论