css 字体大小设置

px 设置：通过浏览器（Internet Explorer 9，Firefox，Chrome，Opera 和 Safari）的缩放工具调整，调整的是整个页面，而不仅仅是文本。

em 设置：为了避免 Internet Explorer 中无法调整文本的问题，许多开发者使用 em 单位代替像素。1em和当前字体大小相等。在浏览器中默认的文字大小是16px。因此，1em的默认大小是16px。另外，em的尺寸单位由W3C建议。不过不幸的是，仍然是IE浏览器的问题。调整文本的大小时，会比正常的尺寸更大或更小。

使用百分比和 em 组合：在所有浏览器的解决方案中，设置 元素的默认字体大小的是百分比，然后在 元素里面的文本用 em 来设置字体大小。这样在所有浏览器中，可以显示相同的文本大小，并允许所有浏览器缩放文本的大小。

具体可以看另外一篇文章：px、em、rem 的区别
https://www.jianshu.com/p/590e62a38b11