我有一个将在平板电脑(使用Internet Explorer)上使用的Web应用程序。编辑:不是平板电脑,而是带有触摸屏幕的Windows 7计算机。
问题在于用户可以像ctrl-+一样在页面上捏合缩放。
是否有一种方法可以通过JavaScript禁用它?(就像在移动设备上一样)。
或者改变User Agent以像iPad一样操作?这样会有效吗?
是否有一种方法可以通过JavaScript禁用它?(就像在移动设备上一样)。
或者改变User Agent以像iPad一样操作?这样会有效吗?
使用
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<head>
部分中,添加以下内容可以防止在移动设备上缩放网站。重要的是user-scalable=no
这个设置会起到作用。
编辑
进行了更多的研究,您还可以选择添加以下选项:<meta name="MobileOptimized" content="640">
content="640"
是您想要设置的宽度
,并且其行为类似于<meta name="viewport" content="width=640,user-scalable=no">
。有关更多信息,请在此处和在此处阅读相关内容。user-scalable=no
。 - morkro$(document).keydown(function(event) {
if (event.ctrlKey==true && (event.which == '61' || event.which == '107' || event.which == '173' || event.which == '109' || event.which == '187' || event.which == '189' ) ) {
event.preventDefault();
}
// 107 Num Key +
// 109 Num Key -
// 173 Min Key hyphen/underscor Hey
// 61 Plus key +/= key
});
$(window).bind('mousewheel DOMMouseScroll', function (event) {
if (event.ctrlKey == true) {
event.preventDefault();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
teste
<meta name="viewport" content="maximum-scale=1">
?请参考https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html。 - j08691