响应式 3D：WebGL 在不同屏幕尺寸上如何保持体验？

标准面试回答（推荐记住）

WebGL响应式需要监听窗口尺寸变化，动态设置renderer.setSize(width, height)和camera.aspect加updateProjectionMatrix()。移动端可以降低分辨率或用renderer.setPixelRatio(Math.min(2, devicePixelRatio))。使用自适应UI如CSS/HTML overlay或2D HUD，配合手势控制缩放旋转。性能上在小屏或低端设备减少粒子数量、模型面数、后处理效果。