序

有时，我们打开浏览器页面并显示当前渲染的模型。但是如果不设置场景模型来适应浏览器的宽度和高度，就会是gg。因此，今天，我将添加一篇关于如何适应浏览器变化的附加文章。下面就不多说了。我们来看看详细的介绍。

如果场景随着浏览器大小的变化而适应，就需要监控窗口的调整大小事件，即浏览器变化事件。

Window.onresize=function(){}或使用addEventListener事件

成功监控窗口后。addeventlistener ('resize '，function () {})事件，您需要编写更改后需要触发的表达式：

//由窗口更改{ camera . aspect=window.innerwidth/window.innerheight; camera . updateprojectionmatrix())触发的onwindowresize()函数；renderer . setsize(window . inner width，window . inner height)；}以上主要是更新相机比例和渲染器比例，从而达到当前效果。

如果代码是上一节用的，就不要上传代码了(需要的朋友点击这里)，上传两个示例效果。

上面是全屏显示的效果，下面是直接把浏览器换成一半的效果：

摘要

以上就是本文的全部内容。希望本文的内容对大家学习或者使用Three.js有一定的参考价值，有问题可以留言交流。谢谢你的支持。