移动端适配方案

理由：由于现代移动端的设备比较复杂繁多，需要在不同屏幕下能够有很好的显示，需要屏幕适配。

1.屏幕适配方案由以下几种：

（1）采用 百分比+固定高度或者flex+固定高度，根据设计稿的大小，如果设计稿的大小是640px，在移动端320最小分辨率下显示时候，需要缩小一倍，比如设计稿高度为20px,编写需要写成10px。同时会出现移动端1px问题，解决方案：sass @mixin 解决

（2）rem解决方案：em是1fontsize的大小 ，r是root,rem代表html中字体的大小

需要利用js动态改变在不同的设备下的html大小，设置1rem = 100px;

也有1px问题，解决方案和百分比一样。

（3）可能采取两种方案配合，也就是百分比+固定高度，和rem结合方式

（4）终极解决方案，采用手淘的hotcss,可以动态改变rem的值，可以动态修改meta里面不同设备的dpr的缩放值

固定设计稿的宽度开发+根据设备动态适配缩放。它是模仿vw,把屏幕分成16rem

（5）vw方案，未来的适配方案，把屏幕分成10等份。