移动端适配方案（rpx，rem，vh，vw，%）

移动端适配方案

1. rpx单位（小程序专用单位）
   • 微信小程序才有的，在小程序中把屏幕宽度看成了750rpx
   • 100vw
   • 750rpx
   • 没有rem
   • 公式（手机屏幕中 元素的宽度 = 设计稿中 元素的宽度(已知) * 手机屏幕宽度(750rpx) / 设计稿的宽度(已知)）
2. 淘宝flexible.js + rem （针对的时候移动web）
   • Flexible会将视觉稿分成100份（主要为了以后能更好的兼容vh和vw），而每一份被称为一个单位a。同时1rem单位被认定为10a。针对我们这份视觉稿可以计算出：(设计稿为750px为例）
   • 1a = 7.5px
   • 1rem = 75px
3. vw,vh 移动端 web+微信小程序通用(常用)
   1.vw：1vw等于视口宽度的1%。
   2.vh：1vh等于视口高度的1%。
   3.vmin：选取vw和vh中最小的那个。
   4.vmax：选取vw和vh中最大的那个。
4. 百分百布局（不适用）
   如果在后来需要更改的大小，会导致后面的工作量大！！不建议使用！！！

总结:不管是用哪一种方式，选择最合适做的项目的适配！