对不起，我给出的前一个回答中包含了一些错误。在网页布局中，没有"流式布局rem"这个术语。下面是关于`rem`、`vm`/`vh`、`px`和`em`的正确区别和说明：
1. `rem`(Root EM)：
- `rem`是相对于根元素(`html`标签)字体大小的单位。
- 可以通过设置根元素的字体大小(使用CSS中的`font-size`属性)来影响整个页面的`rem`值。
- 一般情况下，`1rem`等于根元素的字体大小。
2. `vm`和`vh`：
- `vm`和`vh`是相对于视口(Viewport)高度和宽度的单位。
- `vm`表示视口高度的1/100，`vh`表示视口宽度的1/100。
- 例如，如果视口高度为800px，`1vh`等于8px。
- 这些单位常用于创建响应式布局，可以根据视口的尺寸进行自适应调整。
3. `px`(Pixels)：
- `px`是绝对单位，表示像素。
- `px`是最常用的单位，用于精确地指定元素的尺寸和位置。
- `px`的值是固定的，不会随着页面缩放或字体大小的改变而改变。
4. `em`：
- `em`是相对于父元素字体大小的单位。
- `1em`等于父元素的字体大小，`2em`等于两倍父元素的字体大小。
- `em`的值会根据父元素字体大小的改变而相应地调整。
总结：
- `rem`是相对于根元素字体大小的单位。
- `vm`和`vh`是相对于视口高度和宽度的单位。
- `px`是绝对单位，表示像素，用于精确指定尺寸。
- `em`是相对于父元素字体大小的单位，值会根据父元素字体大小的改变而调整。
京公网安备 11010802030320号