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)
基础教程推荐
猜你喜欢
- 使用HTML5中postMessage知识点解决Ajax中POST跨域问题 2022-10-17
- JS+CSS实现超漂亮的动态翻书效果(思路详解) 2023-07-09
- Express框架req res对象使用详解 2023-12-27
- php – 将html select form的值插入mysql数据库 2023-10-26
- Ajax提交表单并接收json实例代码 2023-02-13
- 用ul、li标签创建css横向导航菜单示例 2024-01-08
- 微信小程序模拟cookie的实现 2024-02-11
- ajax无刷新分页的简单实现 2022-12-28
- Vue里ProxyTable配置不生效 2023-10-08
- JavaScript原始值与包装对象的详细介绍 2023-12-26
