为什么我的Enter VR按钮在A-Frame中丢失或放错了位置？

Question

我正在使用A-Frame，但我看不到通常在右下角的Enter VR按钮。因此我无法进入VR或全屏。

如何让它出现？

Answer 1

如果您的场景包裹在<div>中，那么您可能需要使用样式化容器。默认情况下，<a-scene>为position: relative。默认情况下，画布和“输入VR”按钮为position: absolute。

如果你使用需要渲染容器的React，或者你正在使用embedded场景并将其放在div中，这是很常见的。

尝试设置容器样式position: absolute; height: 100%; width: 100%;。

Answer 2

使用React，我只是简单地告诉初始渲染使用document.body而不是创建一个容器/ div元素来容纳我的AFrameReact组件。这对我来说很好地解决了这个问题，并且进入VR模式按钮变得可见再次。

完整示例： ReactDOM.render(<World />,document.body);