前言

当你是一个移动终端时，适应是必要的。使用rem单元，相同的布局可以完美地显示在不同的屏幕上。px2rem插件方便地将px单位转换为rem。

地址：https://www.npmjs.com/package/px2rem

这应该是vue项目适应移动终端最简单的方法之一

以下是基本步骤(使用cnpm)

1.下载并介绍lib-灵活

cnpm install-save lib-flexible in main . js:import ' lib-flexible/flexible '

2.介绍px2m-loader

cnpm install-save px2m-loader 3。将px2rem加载程序添加到cssLoaders

在构建/util.js中

添加以下配置

代码如下

Const px rem loader={ loader : ' px rem-loader '，options : { remote 3360 75//这是重点，设计稿是750 px } } Const loader=[CSS loader，px rem loader]之后可以直接以px为单位按照750的设计稿进行“编码”。

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。