A-Frame WebVR - 设备方向中断

Question

When viewing this Codepen Demo 在纵向设备上，它按预期工作。在设备方向锁定关闭并转向横向的情况下查看时，它会填满半个屏幕。

代码

<html>

  <head>
    <script src="https://aframe.io/releases/0.2.0/aframe.min.js"></script>
  </head>

<body>

  <a-scene>
    <a-sky src="https://ucarecdn.com/e1c757bc-73ee-4efe-b068-4f778ce212a3/" rotation="0 -20 0"></a-sky>
  </a-scene>

</body>

</html>

我试过这个元标记但没有成功：

<meta http-equiv="ScreenOrientation" content="autoRotate:disabled">

这是我的笔

Codepen Code

Answer 1

您是否偶然尝试过 a-frame 的最新版本？

<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>

我的 phone 的横向和纵向快速测试似乎都有效：

https://a-frame-device-orientation-test.glitch.me/

A-Frame WebVR - 设备方向中断

A-Frame WebVR - Device Orientation breaks

css

aframe

device-orientation