详解某视频剪辑软件移动端项目的适配（以薄荷味为例)

1、使用脚手架脚手架生成项目骨架，略。

2、相关配置：

雷姆适配：

index.html加入以下代码，并在头中加入以下自指的

脚本（函数(doc，win){ var docEl=doc。文档元素，窗口中的resizeEvt=' orientonchange '？orientationchange' : 'resize '，rectance=function(){ var client width=Docel。客户端宽度；if(！clientWidth)返回；多西尔。风格。font size=100 *(客户端宽度/750)' px '；};if(！doc.addEventListener)返回；win.addEventListener(resizeEvt，重新计算，假)；医生。add event listener(' DOmContentLoaded '，重新计算，假)；})(文档、窗口);/script复制代码代码如下：元名称=“视口”内容=“宽度=设备宽度，初始比例=1,最大比例=1.0,缩小到适合=否，用户可缩放=0 '

3、按照薄荷味的官网对按需引用进行配置，babelrc文件（安装相关的包)

{ '预设：[' env '，{ 'modules': false }]，' plugins ' :[' transform-vue-jsx '，' transform-runtime '，['component '，[ { 'libraryName': 'mint-ui '，' style ' : true }]} 4)，相关装货设备配置

安装NPM我发布CSS-px2mrem-排除-保存-开发

进入build/vue-loader.conf.js文件

5、在页面中按需引入即可

6、仅此而已！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。