Javascript 始终使用PIXI.js渲染器调整整个屏幕

Pixie是一个基于WebGL的二维图形框架，具有画布回退功能。我创建了Pixie渲染器，我想用渲染器填充整个屏幕。目前，我创建了一些固定大小的渲染器：

function GameRenderer(width, height) {
  this.renderer = PIXI.autoDetectRenderer(
                        this.width=width,
                        this.height=height,
                        {backgroundColor : 0x000000}
  );
}

所以我想将渲染区域的像素大小调整为当前浏览器屏幕区域的像素大小。这也必须适用于移动设备。如何做到这一点而不干扰pixi.js并破坏它

---

像素大小是指渲染区域的像素宽度和高度。这意味着，如果浏览器内部区域有1000x600像素，我想用1000x600像素的大图像填充它。

您想缩放该区域以适应屏幕，还是扩展该区域以填充屏幕，同时保持所有对象的原始大小？如果你想缩放，你想保持比例吗？对于画布，我们知道两件事，像素大小图像数据上的像素数量和css大小，可以通过宽度等设置：100%。我希望在像素大小上使用粗体文字就足够明显了。