windows-8 - 如何在 Windows 8 网页视图中禁用缩放

Question

我在应用程序中使用 web 视图来显示外部托管的内容，但是 web 视图允许用户使用捏合手势进行缩放，我想禁用它。

我在 webview 本身上找不到任何这样的属性，并且我在使用 viewport 元标记方面没有取得任何成功，例如：

<meta name="viewport" content="user-scalable=no">

有没有办法做到这一点？

Answer 1

我能够使用 CSS 中的以下内容在 Windows 8.1 WebView 中禁用捏合和缩放：

html, body
{
  -ms-content-zooming:none;    
}

有很多东西可以尝试： http: //msdn.microsoft.com/en-us/library/ie/hh771891 (v=vs.85).aspx

Answer 2

不幸的是，这是不可能的。

http://social.msdn.microsoft.com/Forums/en-AU/winappswithcsharp/thread/8eecf85d-ebd3-4bc0-ad17-15f342efad25

如果WebView工作方式与 WP7 版本类似，那么您可以在 html 中捕获事件并在此处与此类似地取消它们。

Answer 3

我使用了这段代码，终于让它工作了。

html, body
{
  -ms-content-zooming:none;  
  touch-action: none;
  content-zooming: none;
  overflow-y: hidden; // hide vertical
overflow-x: hidden; 
overflow-y: none; // hide vertical
overflow-x: none; 
}

Answer 4

放一个

<Rectangle Fill="Transparent"/>

在 webview 上，就是这样。