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

Why is my Enter VR button missing or misplaced in A-Frame?

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

如何让它显示出来?

如果您的场景包裹在 <div> 中,那么您可能需要调整容器的样式。 <a-scene> 默认为 position: relative。 canvas 和 Enter VR 按钮默认为 position: absolute

如果您使用需要渲染容器的 React,或者如果您使用 embedded 场景并将其放入 div

,这很常见

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

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

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