防止屏幕移动html5

Question

当我使用手机浏览器拖动我的网络应用程序的画布时，整个屏幕将会移动。我该如何阻止？

我输入的代码

<meta  charset="UTF-8" name="viewport"
 content="user-scalable=no,
          initial-scale=1.0,
          width=device-width,
          height=device-height,
          target-densitydpi=device-dpi"/>

Answer 1

您输入的是两个不同的元标记。将其更改为

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="autocomplete-ion">
    <ul>
    </ul>
</div>
<button class="cl" data-len="1">1</button>
<button class="cl" data-len="5">5</button>
<button class="cl" data-len="10">10</button>

同时绑定选择，触摸和拖动

等事件

<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

看到它有所帮助。