px是相对于电脑显示器屏幕的分辨率而言的
em是相对于父容器的fontSize的值来说的,现代浏览器的body默认1em = 16px;
rem是为了解决在多层嵌套的情况下,字体计算混乱的问题,该rem单位只针对html或者body的字体尺寸(默认是16px)
当然,body的默认尺寸是可以更改的,可以设为
body{
font-size: 62.5%;
}
这样的话,1em=10px,就比较好算了
px是相对于电脑显示器屏幕的分辨率而言的
em是相对于父容器的fontSize的值来说的,现代浏览器的body默认1em = 16px;
rem是为了解决在多层嵌套的情况下,字体计算混乱的问题,该rem单位只针对html或者body的字体尺寸(默认是16px)
当然,body的默认尺寸是可以更改的,可以设为
body{
font-size: 62.5%;
}
这样的话,1em=10px,就比较好算了