em: 1em=16px (默认大小) 根据最近的有文字的盒子进行宽高改变(优先本身文字大小)
1em=本身文字大小/父元素文字大小/根目录文字大小
rem : 永远根据根目录文字大小进行改变
1rem=html的文字大小
三种使用方法
a. 使用px to rem转换插件 (基于html默认大小16px进行转化)
物理像素:200px css像素:6.25rem
b. 设置html文字大小为50px (基于dpr=2 方便计算)
物理像素:200px css像素:100px=2rem
c. 使用flexble.js 注释原有理想视口代码(处理好了dpr)
物理像素: 200px css像素:100px =2rem