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

时间:2019-02-12 18:20:36

标签: html5 google-vr

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

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

但是当我尝试将宽度或高度更改为%值(例如100%)时,它不起作用。

有没有一种方法可以根据窗口大小来控制其大小?

1 个答案:

答案 0 :(得分:0)

它必须写为:

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

为了获得覆盖所有网页的高度,主体和包装器的高度也需要设置为100%。