ITPub博客

首页 > IT职业 > IT生活 > css解决Chrome中10px字体的方法

css解决Chrome中10px字体的方法

IT生活 作者:britain 时间:2021-09-09 09:10:27 0 删除 编辑

1.chrome设置字体大小,当字体小于12px时候都以12px来显示,这时候可以用css3的 scale()缩放来解决

font-size:12px;
-webkit-transform:scale(0.84);
//10px

虽然不能精确到10px,但是已经很完美
2.同样使用css3中的缩放来解决,可以先放大字体大小,然后在缩小

font-size:20px;
-webkit-transform:scale(0.5);

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2317/viewspace-2799866/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-16

  • 博文量
    72
  • 访问量
    630