移动端适配（淘宝适配）

移动端适配是指在不同移动设备上，保证网页或应用程序的显示效果和交互体验一致的过程，以此来配合布局响应式页面

下面使用的是使用Vue实现移动适配的具体步骤（注:脚手架不一样,配置文件的后缀名也不一样，文件名(.postcssrc.js) [Vue脚手架里面后缀名使用 .js ,react脚手架里面后缀名使用 .cjs ]）

1.新建文件.postcssrc.js  和package.json同级文件

//和package.json同级文件
module.exports = {
    plugins: {
        //...
        'autoprefixer': {
            overrideBrowserslist: [
                "Android 4.1",
                "iOS 7.1",
                "Chrome > 31",
                "ff > 31",
                "ie >= 8"
            ]
        },
        'postcss-pxtorem': {
        // rootValue：转换的根元素的基准值
        // 正常情况下按照你的设计稿来
        // 750 宽的设计稿，750 / 10 = 75
        // 375 宽的设计稿，375 / 10 = 37.5
            rootValue: 37.5 ,
        // 需要转换的 CSS 属性，* 就是所有的属性都要转换
            propList: ['*']
        }
    }