feat: 修改兼容配置

index.html

@@ -5,7 +5,7 @@
     <link rel="icon" href="/favicon.ico" />
     <meta
       name="viewport"
-      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,viewport-fit=cover"
+      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
     />
     <meta name="format-detection" content="telephone=no, email=no, date=no, address=no" />
     <title>Vite App</title>

postcss.config.js

@@ -18,6 +18,9 @@ module.exports = {
       minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
       mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
       replace: true, // 是否转换后直接更换属性值
+      landscape: false, //是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape)
+      landscapeUnit: 'rem', //横屏时使用的单位
+      landscapeWidth: 1134, //横屏时使用的视口宽度
       include: [],
       exclude: [], // 设置忽略文件，用正则做目录名匹配
       customFun: ({ file }) => {