Question

我正在测试你从apple（xcode）获得的ios模拟器上的一段代码。基本上我试图在用户旋转ipad时重置缩放，但在模拟器上它是如此不一致。我最初有基本的代码，如果方向是90这样做，如果它是-90这样做，但如果我的原始方向是横向或纵向，它可能搞砸了。是这种行为只是与ios模拟器或与ipad相同，我没有ipad与我，所以我无法验证

当我重置缩放时，我首先一起删除元标记内容然后再添加到内容，因为如果我不这样做，它根本不起作用

示例代码将是，我尝试使用设备宽度，它只是搞砸了。我不想使用CSS因为内容是固定宽度所以我只需要重新缩放。我的方法错了吗？还有其他测试方法吗？之前我使用过switch语句，但我发现它更简单。谢谢

if (orientation == 0 || orientation == 180) {
        viewport.attr("content", "");
        viewport.attr("content", "user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, width=990px");
    }
    else {
        viewport.attr("content", "");
        viewport.attr("content", "user-scalable=no, initial-scale=0.77, minimum-scale=0.77, maximum-scale=0.77, width=990px");
    }
}

Answer 1

XCode模拟器非常好，我从来没有遇到过问题，除了它有时对方向变化反应有点慢。

如果您想用JavaScript检查它，我认为您最好尝试将window.innerHeight与window.innerWidth进行比较，看看哪一个最大。

我不久前制作了一个测试页面，它只使用CSS来测试某些媒体查询内容。链接：http://pm5544.eu/mp/ 请注意，在横向方向上，设备宽度和高度不会改变，这对（至少对我来说）有点反直觉，因此可能是iOS设备有时会提供意外信息。

我可以问你为什么不想使用CSS，因为它听起来很可行。

PM5544。

Answer 2

我不能100％确定方向是否需要是度-90, 90。如果没有，那么你可以尝试使用..

orientation == landscape

这是一个有效的CSS3媒体查询 http://www.1stwebdesigner.com/css/how-to-use-css3-orientation-media-queries/

在定向检测方面，是iOs模拟器车吗？

2 个答案: