当前位置: 主页 > vuejs >

vuejs移动端如何把100px转成1rem(pxtorem)

2021-09-14  |  来源:前端入门建站教程  |  栏目:vuejs

下面前端入门建站教程为大家介绍一下vuejs移动端如何把100px转成1rem(pxtorem)

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 文章,请继续关注前端入门建站教程。

当前网址:https://ipkd.cn/vuejs/6.html

最新文章

猜你喜欢