来自摄像机的视频在 body 上设置了固定尺寸并且正在损坏我的响应式网站

Question

您好，我有一个响应式网站。所有 DIV 容器都取决于它们的 parents，我使用了很多宽度和高度 100%。

我看到 Arjs 正在为 body 设置固定尺寸。

我以为我做错了什么，但在官方示例中发生了同样的事情：

我的目标是在镜头前放置一些 html 元素，但固定尺寸影响了我的 CSS。有办法控制吗？

我尝试了此配置进行测试，但没有看到任何变化：

arjs="sourceWidth:480; sourceHeight:480; displayWidth: 480; displayHeight: 480"

Answer 1

您应该在标签上使用“嵌入式”组件，它会删除 A-Frame 默认添加的自动 css 全屏样式。您可以找到更多详细信息 here in the documentation.

Answer 2

我已经在我的所有元素中使用位置“固定”修复了它。

Answer 3

在所有元素中使位置“固定”是有帮助的，但还不够。 并且仍然使自定义元素表现得很奇怪或从屏幕上溢出。

简单地添加这些可能会有帮助：

html { 
  width: 100vw;
  height: 100%;
  overflow: hidden;
}