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

676 ℃

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: ['*']
        }
    }
}

移动端点击input框如何实现不触发光标

移动端如何阻止input框获得焦点时手机键盘的弹出

移动端input框如何禁止键盘唤起

移动端vant组件input框点击时如何禁止弹出手机键盘

如何利用better-scroll组件兼容ios手机下面的小黑框

标签: 移动端

上面是“vuejs移动端如何把100px转成1rem(pxtorem)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_6.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
网站关键词的排名下降的原因是什么?哪些因素
php如何去除数组中的最小值、最大值
网站安全性对SEO优化有影响吗?如何对网站进行检测
帝国cms后台发布内容如何能自动把内容图片的a
帝国cms如何修改留言版的分页数