猿问

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

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

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

长风秋雁
浏览 1760回答 1
1回答

侃侃无极

<!doctype html><html><head>&nbsp; &nbsp; <meta charset="UTF-8" />&nbsp; &nbsp; <title>Document</title>&nbsp; &nbsp; <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){&nbsp;&nbsp; &nbsp; &nbsp; var e = e || window.event;&nbsp;&nbsp; &nbsp; &nbsp; if(e.wheelDelta && event.ctrlKey){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;event.returnValue = false&nbsp; &nbsp; &nbsp; }else if(e.detail){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;event.returnValue = false;&nbsp; &nbsp; &nbsp; }&nbsp;}&nbsp;&nbsp;if(document.addEventListener){&nbsp;&nbsp; &nbsp; document.addEventListener('DOMMouseScroll' , zoom , false);&nbsp;}window.onmousewheel = document.onmousewheel = zoom;</script></html>
0
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答