以前一直听过rem自适应布局对移动端的友好，一直觉得px也可以用就没有去理解使用，最近接到一个新项目，混合app的，然后就开始自我审视，px好像满足不了了现在的界面要求了，好吧，开始埋头干，终于找到一篇让我清楚的文章了：
https://www.html.cn/book/css/values/length/rem.htm
这个文章只是能够让你知道这个怎么用，具体的理解还是看个人，以下是我看了文章后的理解。
看文章的解释是：相对长度单位，相对于根元素(即html元素)font-size计算值的倍数。这是上面文章的解释，官方的解释我没有找到。
计算根元素的font-size值适应各端页面的，可以百度 flexible.js 有现成的。设置了根元素的font-size以后，每个用rem单位的元素就都可以根据根元素的font-size值进行2倍计算。
敲黑板（重点）： rem 是基于根元素计算的，不是父级元素。
比如： 设置根元素 font-size 为 32px 的 p标签的宽高为48px 和字体大小为12px的rem值
<style> html { // 相当于设置 1rem = 32px; font-size: 32px; } p { height: 1.5rem; width: 1.5rem; font-size: 0.375rem; } </style>效果图： 总算是弄清楚咯，之前一直不知道rem到底是个什么鬼，现在好像知道了一点它不是鬼，至于是什么还得继续使用才知道。
