【可视化大屏开发】

① flexible.js
手淘开发出的一个用来适配移动端的js框架。手淘框架的核心原理就是根据制不同的width给网页中html根节点设置不同的font-size，然后所有的px都用rem来代替，这样就实现了不同大小的屏幕都适应相同的样式了。其实它就是一个终端设备适配的解决方案，也就是说它可以让你在不同的终端设备中实现页面适配

修改其中

② vscode下载插件 px to rem & rpx & vw (cssrem)
扩展中设置 Root Font Size 为 80

③ 开发中直接根据原型图尺寸书写 px值，会对应出现 rem值 ，选择 rem值即可。

也可以把屏幕分成其它的等份x，原型图尺寸 / x = Root Font Size需要设置的值。