1.rem布局

rem布局是目前移动端比较流行的一种布局，他是以根元素的font-size为基准，比如根元素的font-size为100px，1rem === 100px。

2.安装stylus和stylus-loader

npm add stylus npm add stylus-loader

3.设置html节点font-size为合适的VW

屏幕的宽为100VW，高度为100WH，以苹果的414px的宽度为基准，1VW=4.14PX。 stylus自动支持rem布局，如果设计图为414px为基准，你想1rem === 100px去进行布局适配，那么100px / 4.14 = 26.15VW，然后设置根元素的font-size为26.15VW

4.优点

这样布局，首先写样式时比较方便，如果一个图形是75px，你就直接写0.75rem就可以，第二是无需监听屏幕大小的变化，因为VW可以自动监听屏幕大小的变化，当屏幕大小变化时，根元素的font-size会根据VW变化，那么整体的REM的标准也会变化，整体的布局也会自适应的变大变小。