我想在谷歌浏览器使用10px的字体大小，但是查了几种方法 都不可行，有时整个网页都缩放了

Question

有谁有办法解决一下哇

Answer 1

PC 端可以在 chrome://settings/fonts 设置中设置浏览器最小字号 但这取决于用户
所以只能用 display: inline-block; transform: scale(.5); transform-origin: left 来实现了
如果你要设置 10px 的字号那么你设置 font-size: 20px 再缩放 0.5 变成 10px

移动端的话可以动态设置 viewport 缩放比例 通过 rem 来设置字体大小

Answer 2

-webkit-transform:scale(n);
n就是你要缩放的比例

Answer 3

在谷歌浏览器中设置最小字体。

Answer 4

给你要输小的文字加上class

.chrome10px{ 
   -webkit-transform:scale(0.8);
    -webkit-transform-origin: 0 0;
    display: inline-block;
    font-size:10px;
 }