2

我正在使用 C#、JavaScript 和 HTML5 开发 Windows 8 桌面应用程序。在 C# 级别中,我使用的是 WebView 对象。

我想在我的应用程序中禁用捏缩放。我知道如何在 HTML 中做到这一点:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>

当我作为独立运行 HTML 页面时,它正在工作(我将 URL 粘贴到 Internet Explorer 中)。但是当我运行整个应用程序时它不起作用 - 捏缩放是启用的,而不是禁用的。

顺便说一句:我使用的是 Internet Explorer 10。

有什么提示吗?

4

1 回答 1

2

在 IE10(以及很快的其他浏览器)中,防止 HTML/CSS/JS 中的触摸缩放缩放的最简单方法是使用 touch-action CSS 属性(IE10 中的供应商前缀)。默认值为“auto”,在 IE10 中默认包括平移、双指缩放和双击缩放。您可以只使用您想要启用的触摸行为来覆盖:

html {
    -ms-touch-action: pan-x pan-y; /* Enables only panning */
}

有关更多信息,请参阅 W3C 指针事件标准: http ://www.w3.org/TR/pointerevents/#declaring-candidate-regions-for-default-touch-behaviors

于 2013-07-12T02:25:51.720 回答