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)


基础教程推荐
猜你喜欢
- H5页面适配iPhoneX(就是那么简单) 2023-12-30
- CSS层叠与继承的使用深入剖析 2024-02-08
- 全面了解JavaScirpt 的垃圾(garbage collection)回收机制 2024-01-08
- 将字符串中由空格隔开的每个单词首字母大写 2024-03-09
- 如何用js实现鼠标向上滚动时浮动导航 2024-01-23
- UL里的LI元素左浮动层一行显示时使其居中的方法 2023-12-12
- 简化版的vue-router实现思路详解 2024-03-09
- Bootstrap 粘页脚效果 2023-12-11
- javascript – 在Windows Phone 8 HTML5应用程序中禁用浏览器橡皮筋效果? 2023-10-27
- ion content 滚动到底部会遮住一部分视图的快速解决方法 2024-03-08