做移动开发,给页面头部添加了meta标签,并添加了user-scalable=no属性禁止双指或双击放大:
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no">
但是有些移动端浏览器,比如IOS10以上的safari,安卓系统下的UC浏览器、QQ浏览器等,虽然meta标签如上写法,但依然允许双指缩放和双击放大。
一下方法亲测有下
window.onload = function() {
document.addEventListener('touchstart',
function(event) {
if (event.touches.length > 1) {
event.preventDefault()
}
})
document.addEventListener('gesturestart',
function(event) {
event.preventDefault()
})