当前位置: 首页 > Web前端 > CSS

em-px-rem区别?em、px和rem之间有什么区别?

时间:2023-03-30 17:11:55 CSS

em、px和rem的区别?px:绝对单位,页面以精确像素显示。em:相对单位,参考点是父节点的字体大小,如果自己定义font-size(浏览器默认字体是16px),整个页面中的1em不是一个固定值。rem:相对单位,可以理解为“rootem”,相对于根节点html的字体大小计算,CSS3新增的属性,chrome/firefox/IE9+都支持em,px,rem有什么区别?px:绝对单位,页面以像素为单位显示。em:相对单位,参考点为父节点的字体大小。如果字体大小是自己定义的。是自己计算的。(浏览器默认字体是16px),1em在整个网页中并不是一个固定值。rem:相对单位,我们可以理解为根em,相对于根节点html的font-size来计算。是css3的新属性,支持chrome、firefox、ie9等。