css 字体大小设置

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。