使用 vw 结合 scss / sass 超简单实现页面自适应 / 响应式布局

最近做大屏幕开发时需要把 1920px 的设计稿做成响应式布局,因为是要在同一个 Vue 项目里面同时实现移动端 + PC 端大屏幕的自适应,移动端的设计稿是 750px,大屏幕的设计稿则是 1920px,项目中默认使用了 750px 的淘宝 flexible.js的 rem 的自适应的解决方案,那么 PC 端大屏幕端呢?现需要同时实现 PC 端大屏幕端自适应。让 UI 把设计稿改为 750 是不可能的。之前就了解过 vw / vh 的自适应解决方案,但还未真正在项目中使用过, 继续阅读