如何禁止pc端网页手动缩放界面

发布于
2017-08-14

如何在pc端禁止网页手动缩放界面我试过下面这种方法但是只在移动端有效

<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>

html javascript

阅读 11.9k

3 个回答

April

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
</head>
<body></body>
<script>
var zoom=function(e){ 
      var e = e || window.event; 
      if(e.wheelDelta && event.ctrlKey){
           event.returnValue = false
      }else if(e.detail){
           event.returnValue = false;
      } 
}  
if(document.addEventListener){ 
    document.addEventListener('DOMMouseScroll' , zoom , false); 
}
window.onmousewheel = document.onmousewheel = zoom;
</script>
</html>