背景

项目是移动端的，有一个PC版官网，此外的页面都是直接适配移动端样式。有几次发现在PC微信浏览器打开（小窗口模式）样式就会变得很乱，具体表现为字体和盒子尺寸异常放大。

起初以为是微信浏览器的问题，后来发现在其他浏览器，窗口尺寸在一定范围的时候也会有同样的问题。经过测试，这个范围是宽度769px~960px。

解决方式

宽屏适配指南 | uni-app官网

{
  "globalStyle": {
    "rpxCalcMaxDeviceWidth": 960, // rpx 计算所支持的最大设备宽度，单位 px，默认值为 960
    "rpxCalcBaseDeviceWidth": 375, // rpx 计算使用的基准设备宽度，设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算，单位 px，默认值为 375
    "rpxCalcIncludeWidth": 750 // rpx 计算特殊处理的值，始终按实际的设备宽度计算，单位 rpx，默认值为 750
  },
}

以上是直接搬运的uniapp官方配置。把rpxCalcMaxDeviceWidth改为768，问题解决。