uniapp中H5端PC寬屏適配

一、創建pc.js文件

// #ifdef H5
(function () {
  var u = navigator.userAgent,
    w = window.innerWidth;
  if (!u.match(/AppleWebKit.*Mobile.*/) || u.indexOf("iPad") > -1) {
    window.innerWidth = 750 * (w / 1920);
    window.onload = function () {
      window.innerWidth = w;
    };
  }
})();
// #endif

二、App.vue添加適配樣式

<style lang="scss">
/*  #ifdef  H5  */
body {
  max-width: 828rpx;  //最大寬度自己可以調整
  margin: auto !important;
}
/*  #endif  */
</style>

三、main.js中引入pc.js（要在導入app示例之前引入）

import Vue from "vue";
//導入PC適配JS(H5)
// #ifdef H5
import "./common/services/pc";
// #endif
import App from "./App";