rem移动端自适应配置

好久没写移动端的了，连rem怎么计算的都忘记惹。还是记录下吧。

1. 定义

-相对长度单位，相对于根元素（html元素）font-size计算值的倍数

2. 使用

• 这里要配合mete的width来使用
• 说明：
  • 以iphone6的750*1334设计图为例，clientWidth为375px，这里的font-size经计算后为50px，即1rem = 50px(设备的逻辑像素);

• 在mete中设置content=" width = device-width" 就限制了页面的宽度为设备的逻辑像素宽度375px
• 原图750宽，在手机中显示为375宽，即原图中的1px是手机中的1px的两倍（这两个px各自相对于PC端和移动端，大小不一样），所以如果原图中100px（物理像素）宽，到手机里显示为50px（逻辑像素）宽
• 于是，原图中的100px(物理像素) = 50px(逻辑像素）=1rem