vue3+vite项目移动端适配：postcss-pxtorem和amfe-flexible
创始人
2024-06-02 18:40:31
0次

一，定义

postcss-pxtorem

PostCSS 的一个插件，可以从像素单位生成 rem 单位。

amfe-flexible

amfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。

二，使用

1. 设置 viewport

在 index.html 中：

2.安装插件

npm install amfe-flexible --save
npm install postcss-pxtorem --save

3.配置文件

Vite自身已经集成PostCSS，因此无需单独创建PostCSS配置文件，可直接在 vite.config.js 文件中配置css.postcss选项。

import postCssPxToRem from "postcss-pxtorem";
export default defineConfig({plugins: [vue()],css: {postcss: {plugins: [postCssPxToRem({rootValue: 75, // 1rem，根据 设计稿宽度/10 进行设置propList: ['*'], // 需要转换的属性，这里选择全部都进行转换})]}},
})

4. 导入

在 main.js 中引入 amfe-flexible 插件：

import 'amfe-flexible';

三，安装后效果如图：

 

 

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：Servlet学习

下一篇：【C++初阶】3. 类和对象_2

相关内容

热门资讯

玩家终于实锤了!粤麻圈麻将有挂... 你好粤麻圈麻将这个游戏其实有挂的，确实是有挂的，需要了解【请加QQ群客服咨询：1075075785】...
玩家终于实锤了!美酒之城有挂吗... 玩家终于实锤了!美酒之城有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)1、让任何用户在无需AI...
玩家终于实锤了!凯撒皇宫有挂吗... 自定义凯撒皇宫系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是想分...
玩家终于实锤了!福建十三道有挂... 您好，福建十三道这款游戏可以开挂的，确实是有挂的，需要了解{请加QQ群客服咨询：1075075785...
玩家终于实锤了!川南麻将有挂吗... 亲，川南麻将这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，川南麻将的开挂软件，名...
玩家终于实锤了!嘉邻游戏有挂吗... 玩家终于实锤了!嘉邻游戏有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)是一款可以让一直输的玩家...
玩家终于实锤了!同城游牛鬼有挂... 玩家终于实锤了!同城游牛鬼有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)是一款可以让一直输的玩...
玩家终于实锤了!打两圈麻将有挂... 您好，打两圈麻将这款游戏可以开挂的，确实是有挂的，需要了解{请加QQ群客服咨询：1075075785...
玩家终于实锤了!歪歪有挂吗(分... 玩家终于实锤了!歪歪有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)是一款可以让一直输的玩家，快...
玩家终于实锤了!微乐云南麻将有... 你好微乐云南麻将这个游戏其实有挂的，确实是有挂的，需要了解【请加QQ群客服咨询：1075075785...
玩家终于实锤了!开心联盟有挂吗... 玩家终于实锤了!开心联盟有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)是一款可以让一直输的玩家...
玩家终于实锤了!聚兴茶馆有挂吗... 亲，聚兴茶馆这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，聚兴茶馆的开挂软件，名...
玩家终于实锤了!土豪赢三张有挂... 你好土豪赢三张这个游戏其实有挂的，确实是有挂的，需要了解【请加QQ群客服咨询：1075075785】...
玩家终于实锤了!乐太坊有挂吗(... 玩家终于实锤了!乐太坊有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)1、让任何用户在无需AI插...
玩家终于实锤了!秋水佳人有挂吗... 你好秋水佳人这个游戏其实有挂的，确实是有挂的，需要了解【请加QQ群客服咨询：1075075785】，...
玩家终于实锤了!桦南麻将有挂吗... 您好，桦南麻将这款游戏可以开挂的，确实是有挂的，需要了解{请加QQ群客服咨询：1075075785}...
玩家终于实锤了!聚友联盟有挂吗... 您好：聚友联盟确实真的有挂，软件请加QQ群客服咨询：1075075785确实是有挂的，很多玩家在这款...
玩家终于实锤了!哈狗游戏有挂吗... 你好哈狗游戏这个游戏其实有挂的，确实是有挂的，需要了解【请加QQ群客服咨询：1075075785】，...
玩家终于实锤了!乐宝棋牌有挂吗... 自定义乐宝棋牌系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是想分...
玩家终于实锤了!老胡吧有挂吗(... 亲，老胡吧这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，老胡吧的开挂软件，名称叫...