Aframe 为什么我的“输入VR”按钮在A帧中丢失或放错了位置?

Aframe 为什么我的“输入VR”按钮在A帧中丢失或放错了位置?,aframe,Aframe,我使用的是A-Frame,但我看不到通常位于右下角的Enter VR按钮。因此,我无法进入虚拟现实或全屏 如何使其显示?如果您的场景被包装在中,则您可能需要使用容器的样式设置默认为位置:相对的。默认情况下,画布和输入VR按钮为position:absolute 如果使用需要渲染容器的React,或者使用嵌入式场景并将其放入div中,这是很常见的 尝试设置容器样式位置:绝对;身高:100%;宽度:100%使用React,我只是告诉初始渲染使用document.body,而不是创建一个容器/div

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


如何使其显示?

如果您的场景被包装在
中,则您可能需要使用容器的样式设置<代码>默认为
位置:相对的
。默认情况下,画布和输入VR按钮为
position:absolute

如果使用需要渲染容器的React,或者使用
嵌入式
场景并将其放入
div
中,这是很常见的


尝试设置容器样式
位置:绝对;身高:100%;宽度:100%

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

完整示例:
ReactDOM.render(,document.body)

@ngokevin-这正是我在vue.js中遇到的问题,我已经这样做了。但在A-Frame 0.7.1中,将容器的高度设置为100%会破坏桌面上的抓取/移动行为(即使指针事件为:无),并在inspector中覆盖我的视图。