html - 如何以百分比设置 vrview iframe 的高度和宽度

Question

我正在使用vrview在 html 文件中显示 360 度图像，但显然它只接受数字作为值，如下所示：

var vrView = new VRView.Player('#vrview', {
              image: '{}',
              is_stereo: false,
              height: 95,
              width: 100,
              default_yaw: 200
            });

但是当我尝试将宽度或高度更改为 100% 等 % 值时，它不起作用。

有没有办法根据窗口大小来操纵它的大小？

标签： htmlgoogle-vr

Answer 1

它必须写成：

var vrView = new VRView.Player('#vrview',{
  image:'{}',
  is_stereo: false,
  height: '100%',
  width: '100%',
  default_yaw: 200,
});

为了获得覆盖所有网页的高度，正文和包装高度也需要设置为 100%。