如何在Windows 8 Web视图中禁用缩放

时间:2012-09-30 20:23:16

标签: windows-8 windows-runtime

我在应用中使用webview来显示外部托管的内容,但是网页视图允许用户使用捏合手势进行缩放,我想禁用此功能。

我在webview本身找不到任何此类属性,并且我在视口元标记上没有取得任何成功,例如:

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

有办法做到这一点吗?

4 个答案:

答案 0 :(得分:18)

我能够使用CSS中的以下内容禁用Windows 8.1 WebView中的缩放和缩放:

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

有一长串列表尝试: http://msdn.microsoft.com/en-us/library/ie/hh771891(v=vs.85).aspx

答案 1 :(得分:1)

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

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

如果WebView与WP7版本的工作方式类似,那么您可以捕获html中的事件并在那里取消它们,类似于this

答案 2 :(得分:0)

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

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; 
}

答案 3 :(得分:-2)

刚刚放一个

<Rectangle Fill="Transparent"/>

在webview上就是这样。