2020-11-04

相对长度单位

相对长度单位相对于其他一些东西，比如父元素的字体大小，或者视图端口的大小。使用相对单位的好处是，经过一些仔细的规划，可以使文本或其他元素的大小与页面上的其他内容相对应。

百分比

在许多情况下，百分比与长度的处理方法是一样的。百分比的问题在于，它们总是相对于其他值设置的。例如，如果将元素的字体大小设置为百分比，那么它将是元素父元素字体大小的百分比。如果使用百分比作为宽度值，那么它将是父值宽度的百分比。

响应式web设计会用到的单位：

1. 字号的相对单位em和rem： rem用于页面内字号 ，em用于组件内字号，这样组件就能根据容器自适应调整。
2. 视口的相对单位vw、vh、vmin和vmax： 多用于整体布局，划分几行几列。不建议用于组件内或局部布局。
3. 百分比%: 相比于vw和vh等，它更适合组件内或局部布局。