如何禁用浏览器中的拖动和缩放? user-scalable=no 似乎无法解决问题.

Question

我正在用 PhoneGap 做一个应用, 已在网页头部声明了 <meta name="viewport" content="width=480, height=800, initial-scale=1.0, user-scalable=no" />, 页面内容也是合适的尺寸. 但网页仍旧可以被上下拖动以及缩放, 只是当松开以后它会反弹回去. 在 xaml 文件中加入 IsHitTestVisible="False" 可以解决这个问题, 但这将禁用一切触摸事件, 请问有没有解决办法呢? 谢谢.

Answer 1

你好，据我说知目前还不支持你所想要的功能。欢迎你在以下网站递交建议。

http://wpdev.uservoice.com/forums/136284-app-platform-%E4%B8%AD%E5%9B%BD

Answer 2

html{touch-action:none;}  即可。

---

nihaoku.cn 创意生活！