为什么我的 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);
我正在使用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);