设置meta:
<meta name="viewport" id="viewport" content="width=360, initial-scale=1.0833333333333333, maximum-scale=1.0833333333333333, user-scalable=no">
实现部分:
let scale = 1;
let BrowserInfo = {
isAndroid: Boolean(navigator.userAgent.match(/android/gi)), // 是否是Android浏览器
isIphone: Boolean(navigator.userAgent.match(/iphone|ipod|iOS/gi)), // 是否是苹果浏览器
isIpad: Boolean(navigator.userAgent.match(/ipad/gi)), // 是否是 IPad 浏览器
};
let event = '';
let resizeTimer = null;
/**
* @Desc 根据 设备浏览器宽高 或者 端侧提供的宽高 来计算缩放
* @param type 计算缩放比例的方式 1:表示使用浏览器宽度计算 2:端侧提供宽高方式
* @param data 端侧提供的宽高对象
*/
function computedDeviceScale(type, data) {