2021-10-25 前端移动端ios兼容

ios10以上不支持meta标签，所以不做兼容的话，在ios的safari浏览器上页面可以缩放，导致有些按钮失控，video视频播放不了，所以要做兼容 禁止用户缩放，以下是代码（jq项目，vue项目没试过）。

在js文件中加入以下代码：

// 这一段代码在iOS10以上禁止用户对页面缩小放大，因为ios10不支持meta标签
// 阻止双击放大

var lastTouchEnd = 0;
document.addEventListener(‘touchstart’, function (event) {
if (event.touches.length > 1) {
event.preventDefault();
}
});
document.addEventListener(‘touchend’, function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);

// 阻止双指放大
document.addEventListener(‘gesturestart’, function (event) {
event.preventDefault();
});