npm i amfe-flexible
npm install postcss-pxtorem -D
main.js 引入模块
import 'amfe-flexible'
module.exports = {
plugins: {
// postcss-pxtorem 插件的版本需要 >= 5.0.0
'postcss-pxtorem': {
rootValue() {
return 37.5;
},
// 配置哪些文件中的尺寸需要转化为rem *表示所有的都要转化
propList: ['*'],
},
},
};
这个文件会被自执行
根据设计稿算rem 375px = 3.75rem 源码如下： 更多咨询请关注：1、Git 汇总2、VUE3、前端开发
以1920px的设计稿为基准，使用postcss-plugin-px2rem自动将px转rem 1.新建一个res...
如果你使用 Stylus 作为你的预处理CSS的工具，那么 px2rem 是你使用最简单处理 px 转 rem 工...
1.移动端px自动转rem 下载px2rem-loader 页面渲染时计算根元素的font-size使用手机淘宝的...
移动端 响应式 px转rem px转vw 移动端app，ionic脚手架搭建的angular框架，版本angula...
字体大小 设置 html 的 fontSize(设计稿 375px) 设置 px 转 rem(vue.config...
1.下载lib-flexible npm i lib-flexible --save 2.引入lib-flexib...
/* px转rem *js *这里在375的设备上1rem = 20px，在其他屏幕宽的时候会自动根据这个比例来动...
为vite创建的vue3项目添加自动将px转成rem的插件postcss-pxtorem运行项目报错了！！！这个就...
本文标题：vue3 px 转rem
本文链接：https://www.haomeiwen.com/subject/aedafdtx.html
网友评论