今天小编跟大家讲解下有关h5移动端禁止缩放 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关h5移动端禁止缩放 的相关资料,希望小伙伴们看了有所帮助。
H5页面禁止手机端缩放是个常见问题了 。
meta方式:在index.html里面写
<meta name="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">ios中还要添加:
对于双击放大和双指放大,本质上是一种js,使用js禁止的方式代码如下
<script>window.onload = function() {document.addEventListener('touchstart', function(event) {if (event.touches.length > 1) {event.preventDefault()}})document.addEventListener('gesturestart', function(event) {event.preventDefault()})}</script>来源:爱蒂网