vuejs移动端如何把100px转成1rem(pxtorem)
安装pxtorem脚手架
npm install postcss-pxtorem -D
# OR
yarn add i postcss-pxtorem -D
//找到.postcssrc.js引入一下代码
module.exports = {
"plugins": {
"postcss-import": {},
"postcss-url": {},
// to edit target browsers: use "browserslist" field in package.json
"autoprefixer": {
browsers: ['Android >= 4.0', 'iOS >= 7']
},
'postcss-pxtorem': {
rootValue: 100, //结果为:设计稿元素尺寸/16,比如元素宽320px,最终页面会换算成 20rem
propList: ['*']
}
}
}
以上是编程学习网小编为您介绍的“vuejs移动端如何把100px转成1rem(pxtorem)”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vuejs移动端如何把100px转成1rem(pxtorem)
猜你喜欢
- 如何学习html的各种标签 2022-11-13
- css布局模型全面了解 2024-01-06
- CSS实现 Google Material Design 文本输入框风格(推荐) 2024-02-06
- Layui TreeTable实现树形数据表格 2023-11-23
- 解决浏览器记住ajax请求并能前进和后退问题 2023-02-14
- html粘性页脚的具体使用 2022-09-21
- JavaScript实现简单购物小表格 2024-03-08
- 深入分析element ScrollBar滚动组件源码 2024-02-22
- 如何使用CSS3画出一个叮当猫 2022-11-13
- 仿3721首页模块拖曳移动效果js代码[可拖曳层移动层] 2023-12-23