px、rem、em等单位的区别

css中有一些常见的单位，他们具体的意思如下：

• px（像素）：最基本的单位，代表屏幕上的一个像素。
• em：相对于当前元素的字体大小。例如，如果字体大小是 16px，1em 就等于 16px。
• rem（根 em）：相对于根元素（通常是 ）的字体大小，通常更便于布局的统一性。
• %（百分比）：相对于父元素的尺寸。例如，设置宽度为 50%，表示占据父元素宽度的一半。
• vw（视口宽度）：相对于视口宽度的百分比，1vw 等于视口宽度的 1%。
• vh（视口高度）：相对于视口高度的百分比，1vh 等于视口高度的 1%。