Question

我的目标是每次设备的方向改变时重新定位容器。检测正确的方向应该非常简单，但实际上并不是因为取向因设备而异。

任何简单的想法，而无需使用JavaScript验证设备的操作系统？

这是一个简单的例子：

<html>
<head>

    <title>Orientation Test</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <script>
        window.addEventListener( 'orientationchange', repositionMenu, false );

        function isPortrait() {
          return deviceOrientation() === 0 ? true : false;
        }

        function isLandscape() {
          return deviceOrientation() !== 0 ? true : false;
        }

        function detectOrientation() {
          return isPortrait() ? 'portrait' : 'landscape';
        }

        function deviceOrientation() {
          return window.orientation / 180;
        }

        function repositionMenu( e ) {
          alert( 'orientation: ' + detectOrientation() + '\nangle: ' + window.orientation );
        };
    </script>
</head>
<body>
    <h1>Orientation Test</h1>
</body>
</html>

提前致谢！

设备方向更改检测问题

0 个答案: