第一步 ：安装依赖

npm i amfe-flexible -S
npm i postcss-px2rem -S

第二步：在根目录下，与pack.json同级 创建一个名为 .postcssrc.js 的文件 把以下代码写进去（注）

module.exports = {
    plugins: {
      autoprefixer: {},
      'postcss-px2rem': {
          remUnit: 192 // PC端（1920的UI图）
        //remUnit: 75 // 移动端（750的UI图）
      }
    }
  }

第三步：在main.js中引入下载的依赖

// 引入布局
import 'amfe-flexible'

完成以上几步，就可以完全按照设计图写代码了！

Logo
智屏生态联盟

智屏生态联盟致力于大屏生态发展，利用大屏快应用技术降低开发者开发、发布大屏应用门槛

更多推荐

cover

Android电视盒子最强看电视app-tvbox配置(视频源)教程

avatar 智屏生态联盟

浅谈 Canvas 渲染引擎设计

大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群前言介绍一下社区几个比较有代表性的 Canvas 渲染引擎的设计原理。用过 Canvas 的都知道它的 API 比较多，使用起来也很麻烦，比如我想绘制一个圆形就要调一堆 API，对开发算不上友好。为了解决这个痛点，诞生了例如 PIXI、ZRender、Fabric 等 Canvas 库，对 Can...

avatar 智屏生态联盟

互联网免费 API 列表大全！

开源项目 public-api-lists 收集了超过 40+ 种类的免费 API，共计有超过 500+ 免费的 API，数量真的非常的庞大，包括有动植物、商业金融、新闻、社交、工具等。包含了各种类别的开放免费的 API，种类真的非常的全，希望能够帮助到你快速进行开发。试试看哪些能放到大屏上。

avatar 智屏生态联盟