uniapp H5页面在浏览器适配手机,长条显示,两边空白

1、新建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

2、在APP.vue中,新增样式


3、在main.js中引入

import './common/services/pc';

你可能感兴趣的:(uni-app,前端,javascript)