修改 移动端适配方案

.postcssrc.js

@@ -0,0 +1,30 @@
+module.exports = {
+    plugins: {
+        autoprefixer: {
+            overrideBrowserslist: [
+                "Android 4.1",
+                "iOS 7.1",
+                "Chrome > 31",
+                "ff > 31",
+                // "ie >= 8",
+                "last 10 versions", // 所有主流浏览器最近10版本用
+            ],
+            grid: true
+        }, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
+        "postcss-px-to-viewport": {
+            unitToConvert: "px", // 要转化的单位
+            viewportWidth: 900, // UI设计稿的宽度
+            unitPrecision: 6, // 转换后的精度，即小数点位数
+            propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
+            viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
+            fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
+            selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，
+            minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
+            mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
+            // exclude: [/node_modules/], // 设置忽略文件，用正则做目录名匹配
+            landscape: false, // 是否处理横屏情况
+            // landscapeUnit: 'vh',
+            // landscapeWidth: 900
+        }
+    }
+};

package.json

@@ -12,8 +12,7 @@
     "cesium": "1.83",
     "clipboard": "^2.0.11",
     "core-js": "^3.8.3",
-    "moment": "^2.29.4",
-    "postcss-px-to-viewport-opt": "^0.0.4",
+    "moment": "^2.29.4", 
     "swiper": "^4.5.1",
     "vant": "^3.6.2",
     "videojs-flash": "^2.2.1",
@@ -32,16 +31,10 @@
     "json-loader": "^0.5.7",
     "less": "^4.0.0",
     "less-loader": "^8.0.0",
-    "postcss": "7.0.32",
-    "postcss-import": "^15.1.0",
-    "postcss-loader": "^7.0.2",
     "postcss-px-to-viewport": "^1.1.1",
     "style-resources-loader": "^1.4.1",
     "vue-cli-plugin-style-resources-loader": "~0.1.5"
   },
-  "resolutions": {
-    "postcss": "7.0.32"
-  },
   "browserslist": [
     "> 1%",
     "last 2 versions",

postcss.config.js

@@ -1,33 +0,0 @@
-module.exports = {
-    plugins: {
-        autoprefixer: {
-            overrideBrowserslist: [
-                "Android 4.1",
-                "iOS 7.1",
-                "Chrome > 31",
-                "ff > 31",
-                // "ie >= 8",
-                "last 10 versions", // 所有主流浏览器最近10版本用
-            ],
-            grid: true,
-        },
-        'postcss-import': {},
-        'postcss-px-to-viewport': {
-            'unitToConvert': "px", // 要转化的单位
-            'viewportWidth': 415, // 视窗的宽度，对应的是我们设计稿的宽度
-            // 'viewportHeight': 896, // 视窗的高度
-            'unitPrecision': 5, // 指定`px`转换为视窗单位值的小数位数(很多时候无法整除)
-            'propList': ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
-            'viewportUnit': 'vw', // 指定需要转换成的视窗单位，建议使用vw
-            'fontViewportUnit': "vw", // 指定字体需要转换成的视窗单位，默认vw
-            'selectorBlackList': [], // 指定不转换为视窗单位的类
-            'minPixelValue': 1, // 小于或等于`1px`不转换为视窗单位
-            'mediaQuery': true, // 允许在媒体查询中转换`px`
-            'exclude': /(\/|\\)(node_modules)(\/|\\)/,
-            'include': [],// src/views/webgl/DashBoard.vue'
-            'landscape': true, // 是否处理横屏情况
-            'landscapeUnit': 'vh',
-            'landscapeWidth': 415
-        }
-    }
-}