css - A框架-设置高度和宽度

我正在尝试为我的aframe元素设置高度和宽度，但是尽管我应用了任何样式，它也会填充窗口。我正在尝试将aframe 360​​图像设置为高300px和宽300px：CODEPEN DEMO

body {
  background: #fff;
}

.container {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f66;
  height: 300px;
  width: 300px;
  overflow: hidden;
}

a-scene {
  opacity: .5;
  height: 300px;
  width: 300px;
}

最佳答案

这是因为，默认情况下，具有未修改源JS的a-scene将向其中添加class="fullscreen"。

您可以覆盖它，也可以直接将embedded参数添加到<a-scene>标记中，如下所示：

<a-scene antialias="true" embedded>
    <a-sky src="https://ucarecdn.com/e1c757bc-73ee-4efe-b068-4f778ce212a3/" rotation="0 -20 0"></a-sky>
</a-scene>

当然，这是一个Forked Example

关于css - A框架-设置高度和宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50281200/