Javascript Three.js画布在事件发生后正在调整大小

我正在使用three.js制作移动网络

我还使用了meta view端口标记，

我有一个问题，在单击事件的光线投射后画布正在调整大小

画布的element.style属性已更改：

<canvas width="1081" height="2029" style="width: 980px; height: 1081px;">

而且它也不起作用

桌面web运行正常，但只有移动版本有此错误

我从不重置画布的大小，我不知道我必须做什么

现在，我有这么多代码（但没有重新调整画布大小的代码），所以我非常困惑

three.js中是否有任何特殊代码来设置画布的大小

或者有什么方法可以阻止它

---

谢谢您的帮助。

您可以这样设置Three.js画布大小

renderer.setSize（window.innerWidth、window.innerHeight）；

看看默认的ThreeJS示例。神奇的台词如下

函数onWindowResize（）{ camera.aspect=window.innerWidth/window.innerHeight； camera.updateProjectMatrix（）； renderer.setSize（window.innerWidth、window.innerHeight）； }

---

你可以看看它们是如何使用的

哦，谢谢。现在我知道了在事件window.innerWidth和innerHeight更改后大小的来源。我设置了元视图端口，但它不工作。你知道怎么修吗？

<canvas width="1081" height="2029" style="width: 412px; height: 773px;">

<!--
and changing size is depends on phone's screen size.. for mine is 412 x 773.
-->

  .canvas{
    width: devicve-width !important;
    height: device-height !important;
  }

  canvas{
    width: devicve-width !important;
    height: device-height !important;
  }