5.1 rem单位

问题引入：如何实现方案？

1. rem基础

单位em

先来看与其相似的em单位，em代表相对父元素字体大小的倍数。比如父元素字体大小为12px，则10em就代表120px

        body {
            font-size: 12px;
        }
        div {
          /* 1.em是相对于 父元素的字体大小 来说的*/
            height: 10em;
            width: 10em;
            background-color: pink;
        }

单位rem（root em）

root根，说明rem是以根元素为基准的，即rem代表相对于html元素字体大小的倍数，比如html设置字体大小为14px，则10rem就代表140px
哦，所以米哈游官网只在html元素中设置字体大小，之后所有的布局用的都是rem作为单位的。
rem相对em最大的优势就是，只依赖html内的文字大小，就可以控制整体页面的所有元素的大小，而em则依赖各自的父级，局限性很大。