Fak*_*ame 8 html css internet-explorer tablet
如何在WinRT上通过IE11访问的网页禁用所有视口缩放?
我正在开发一个应用程序,它在一个适合视口的画布上绘制它自己的绘图,并在内部提供它自己的缩放功能.浏览器缩放然后弄乱了画布.
我一直在查看现有答案,但这些答案似乎都不适合这个平台:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
或
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
或
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
或
<meta name="viewport" content="user-scalable=no" />
或
<meta name="viewport" content="width=device-width" />
在<header>所有都没有效果.
另外,我想阻止双击缩放,但我见过的各种jQuery片段似乎也没有在这里工作.
Fak*_*ame 27
Arrrgh,所以我一问完这个问题,就找到了一个解决方案:
添加:
html
{
-ms-content-zooming: none; /* Disables zooming */
touch-action: none; /* Disable any special actions on tap/touch */
}
Run Code Online (Sandbox Code Playgroud)
到应用程序页面的CSS似乎正确阻止IE中的双指缩放,并禁用通过点击/双击触发的任何特殊操作.