前端技能树，面试复习第 5 天 - CSS 篇（4）：常用单位 | 移动端适配 | Flex | BFC

1. 常见的 CSS 布局单位

• CSS 像素：为 web 开发者提供，在 CSS 中使用的一个抽象单位；

• 物理像素：只与设备的硬件密度有关，任何设备的物理像素都是固定的。

• em： 文本相对长度单位。相对于当前对象内文本的字体尺寸。如果当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸(默认 16px)。(相对父元素的字体大小倍数)。

• rem： rem 是 CSS3 新增的一个相对单位，相对于根元素（html 元素）的 font-size 的倍数。作用：利用 rem 可以实现简单的响应式布局，可以利用 html 元素中字体的大小与屏幕间的比值来设置 font-size 的值，以此实现当屏幕分辨率变化时让元素也随之变化。

• vw/vh：是与视图窗口有关的单位，vw 表示相对于视图窗口的宽度，vh 表示相对于视图窗口高度，除了 vw 和 vh 外，还有 vmin 和 vmax 两个相关的单位。
  vmin：vw 和 vh 中的较小值；vm