css 字体大小设置

2019-03-29  本文已影响0人  酷酷的小k

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

上一篇下一篇

猜你喜欢

热点阅读