em: 相对父元素计
    用法：默认字体大小，font-size: 16px;
    为了好计算，实现如下转换：

    body {
        font-size: 10px;    //或
        font-size: 62.5%;   // 10px/16px = 62.5/%
    }

    div {
        font-size: 1.2em;   //1.2em = 1.2 * 10px = 12px
        text-indent: 2em;   //缩进两个空格
    }

    div p {
        font-size: 1.2em;   //错误，em是相对父元素的，所以，1.2em = 1.2 * 12px = 14.4px
    }

rem: (root em)相对于根元素HTML计
    html {
        font-size: 10px;
    }

    div {
        font-size: 1.2rem;    //12px
    }
    div p {
        font-size: 1.2em;   //12px
    }

em vs rem:
    em 是相对于父元素，需要层层复合计算
    rem 直接相对根元素，只需计算一次