常见的 css 布局单位有，px、em、rem、%、vw、vh。

    1. px 表示固定像素大小，不能实现响应式
    2. em，相对父元素的字体大小
    3. rem，相对根元素字体大小，也就是 html 元素的字体
    4. %，通常情况下，是相对于父元素，可以实现响应式
    5. vw，相对于视图窗口的宽度，一共是 100vw
    6. vh，相对于视图窗口的高度，一共是 100vh

    PS：在web开发中，像素分为 css 像素，设备的物理像素，物理像素是不能改变的，只能由设备的硬件密度决定。

    PS：vw / vh 和 % 的区别是 前者相对于视图窗口，后者相对于父元素