css中px和em使用哪个?

浏览器最终渲染出的页面是以具体的像素为单位的(因为显示器的显示原理是基于像素的啊),浏览器通过计算em和rem,最终再将这些相对单位转换为具体的像素值渲染出来。

css中px、em、rem的使用

rem 是相对于根元素的字体大小,em 是相对于父级元素的字体大小,px 是直接设置像素大小

一般来说,如果需要统一字体大小,建议用rem,但有些局部,相对动态需要根据父元素字体来设置大小的,会选用em。另外还有一些比较特殊的情况,比如需要与固定像素的图片配合布局等,那就要用到px了。

具体用哪个需要根据实际情况而定,完全没必要统一。必要的情况下甚至需要按响应式设计。

更多CSS相关知识,可访问 CSS教程 !!

以上就是css中px和em使用哪个?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读