javascript - 在javascript中获取与方向相关的屏幕尺寸（iPad）

Question

我正在尝试获取 iPad 上的屏幕尺寸。

$wnd.screen.width $wnd.screen.height

当我处于横向模式时，尺寸返回 768x1024。这不是我所期望的。如何获得 1024x768 的真实尺寸？

注意：我没有改变方向，我从横向模式开始并保持在该模式下。

Answer 1

作为最简单的解决方案，如果宽度小于高度，则交换宽度和高度，以便您始终获得横向模式的分辨率。

function getResolution(){
    return {
        width: $wnd.screen.width < $wnd.screen.height
             ? $wnd.screen.height
             : $wnd.scree.width,
        height: $wnd.screen.height > $wnd.screen.width
             ? $wnd.screen.width
             : $wnd.scree.height
    };
}

Answer 2

当你改变方向时，iPad 喜欢用缩放来做有趣的事情。

<meta viewport>您可以使用标签解决其中的许多问题，例如：

<meta name="viewport" content="user-scalable=no,initial-scale=1.0,
 minimum-scale=1.0,maximum-scale=1.0">