移动端适配(一)

1、vw移动端适配

        第一步:安装postcss-px-to-viewport插件

                npm install postcss-px-to-viewport --save-dev

        第二步:新建配置文件(postcss.config.js),注意要与src文件夹同级

                const path = require('path');

                module.exports = () =>{

                        return{

                                plugins:{

                                        autoprefixer:{},

                                        'postcss-px-to-viewport':{

                                                viewportWidth:750,//750设计稿大小

                                                exclude:/(\/|\\)(node_modules)(\/|\\)/     //第三方UI组件单位不转vw

                                        }

                                }

                        }

                }

猜你喜欢

转载自blog.csdn.net/sxy323/article/details/126972808