为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

长风秋雁 2018-12-20 20:14:35
如何在pc端禁止网页手动缩放界面 我试过下面这种方法 但是只在移动端有效<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
查看完整描述

1 回答

?
侃侃无极

TA贡献2051条经验 获得超10个赞

<!doctype html>

<html>

<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>


查看完整回答
1 反对 回复 2019-01-13
  • 1 回答
  • 0 关注
  • 1759 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信