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)
基础教程推荐
猜你喜欢
- 如何提示用户打开Cookie? 2024-04-15
- JS与CSS3实现图片响应鼠标移动放大效果示例 2024-01-19
- Ajax请求过程中下载文件在FireFox(火狐)浏览器下的兼容问题 2022-12-15
- JS网页repaint与reflow 的区别及优化方式 2024-01-19
- CSS子元素跟父元素的高度一致的实现方法 2024-01-21
- 记一次vue将列表下载为excel的兼容写法 2023-10-08
- Vue学习 2023-10-08
- 让CSS flex布局最后一行列表左对齐的N种方法(小结) 2024-04-02
- JS中some和every的区别和用法详解 2023-08-08
- 在苹果Mac中如何将html网页转成PDF文件? 2023-10-27