css中字体大小在不同浏览器兼容性问题

css中字体⼤⼩在不同浏览器兼容性问题
css中使⽤font-size设定字体⼤⼩，不同浏览器的字体height⼀样，但是width不同，⽐如在⽕狐和⾕歌中，font-size：20px,字体的⾼度变为20px，但是⾕歌的字体宽度⽐⽕狐长
⼀，解决⽅法如下：
1、将浏览器的基准字号设置为 62.5%，也就是 10px，现在 1rem = 10px —— 为了计算⽅便。

然后在 body上应⽤ font-size: 2rem;，那么现在body的字体⼤⼩就是 20px。

html { font-size: 62.5%; }
body { font-size: 2rem; /* =20px */ }
2、webkit浏览器渲染出来的字体具有⼀定的平滑效果，所以我们会看到 chrome 渲染出来的字体要⼤⼀点并且宽⼀点,可添加如下内容：body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
启⽤浏览器的默认平滑字体效果css：
body {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
}
设置Chrome下，设置⼩于12px字体，显⽰仍为12px
-webkit-text-size-adjust:none;。