Question

我们正在开发一个应该只在iOS 上运行的自定义网络应用。该应用程序部署为一个网站，然后是一个＆＃34;主页图标＆＃34;从Safari添加，因此它的行为就像一个应用程序。

我们将应用行为定义为

没有缩放（已经正常工作）
无屏幕旋转
无垂直滑动

正文为640x1096像素。这是iPhone 5s分辨率（不包括顶级iOS栏）。

width=device-width, initial-scale=.5, user-scalable=no

出于某种原因，initial-scale必须设置为 .5 而不是 1 ，以便网站完全适合iPhone的空间。的为什么吗

它已经不可缩放，但您仍然可以旋转屏幕并垂直滑动，这会破坏＆＃34;感觉＆＃ 34;一个应用程序。实际上没有什么可以在y轴上滑动，所以我们也可以摆脱它。

Answer 1

使用TouchSwipe可以完全禁用滑动。然后，您可以随意触摸任何地方，并且不会在任何地方刷卡。

$('html').swipe
({
    fingers: 'all',
    swipe: function() { }
});

可以像这样禁用旋转：

$(function()
{
    window.onorientationchange = OrientationChanged;
    window.setTimeout(OrientationChanged, 0);
}
function OrientationChanged(e)
{
    $('body').css('-webkit-transform', window.orientation % 180 == 0 ? '' : 'rotate(-90deg)');
}

meta name =“viewport” - 禁用旋转，缩放＆amp;一起刷

1 个答案: