uniapp中H5端PC宽屏适配

一、创建pc.js文件

?

1 2 3 4 5 6 7 8 9 10 11 12

// #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添加适配样式

?

1 2 3 4 5 6 7 8

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

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

?

1 2 3 4 5 6

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