pixi js屏幕自适应

要实现PixiJS屏幕自适应，首先需要监听窗口大小的变化，然后根据新的窗口大小重新计算舞台(stage)的大小和缩放比例(scale)。以下是一个示例代码：

// 获取舞台(stage)和渲染器(renderer)对象
var stage = new PIXI.Container();
var renderer = PIXI.autoDetectRenderer();

// 监听窗口大小变化
window.addEventListener('resize', function() {
  // 重新计算舞台(stage)的大小和缩放比例
  var width = window.innerWidth;
  var height = window.innerHeight;
  renderer.resize(width, height);
  stage.scale.x = width / stage.width;
  stage.scale.y = height / stage.height;
});

// 初始化舞台(stage)和渲染器(renderer)
var width = window.innerWidth;
var height = window.innerHeight;
renderer.view.style.position = 'absolute';
renderer.view.style.display = 'block';
renderer.autoResize = true;
renderer.resize(width, height);
document.body.appendChild(renderer.view);

在上面的代码中，我们监听了窗口大小的变化，并在窗口大小变化时重新计算舞台(stage)的大小和缩放比例，以适应新的窗口大小。同时，我们还在初始化时设置了渲染器(renderer)的自动缩放(autoResize)为true，并将渲染器(renderer)的视图(view)添加到了页面中。