nuxt2 如何限制移动端手动缩放 safari meta失效解决方案
nuxt2 如何限制移动端手动缩放
解决方案如下
1nuxt.config.js
重点添加maximum-scale=1.0,user-scalable=0
2.safari还是能够拖动
在 index.html
mounted添加
/
/ 禁止双击放大
//监听触摸
document.documentElement.addEventListener(
"touchstart",
function (event) {
if (event.touches.length > 1) {
event.preventDefault();
}
},
{ passive: false }
);
let lastTouchEnd = 0;
//监听触摸结束
document.documentElement.addEventListener(
"touchend",
function (event) {
var now = Date.now();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
},
{ passive: false }
);
打包发布重新查看