px:绝对单位,像素是屏幕上显示出的最小一个点。
em:相对于使用em的父级字体大小的来计算的,浏览器默认1em=16px。根元素写的font-size:62.5%,那么16px*0.625=10px=1em。
rem: 相对根节点html的字体大小来计算。
vw:根据视口的宽度。100vw=视口的宽度。
vh:根据视口的高度。
px、em、rem、vw、vh区别与换算
最新推荐文章于 2024-05-21 14:21:10 发布
px:绝对单位,像素是屏幕上显示出的最小一个点。
em:相对于使用em的父级字体大小的来计算的,浏览器默认1em=16px。根元素写的font-size:62.5%,那么16px*0.625=10px=1em。
rem: 相对根节点html的字体大小来计算。
vw:根据视口的宽度。100vw=视口的宽度。
vh:根据视口的高度。