很奇怪的现象，pixijs舞台高度超出一定值，微信内置浏览器网页内容会从顶部溢出，底部出现相当与溢出部分的空白？

Question

很奇怪的现象，pixijs舞台高度超出一定值，微信内置浏览器网页内容会从顶部溢出，底部出现相当与溢出部分的空白？

肖想包黑子的吴麻子

12

发布于
2021-02-22

更新于
2021-02-22

新手上路，请多包涵

`<!doctype html>
<html lang="zn">

<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
    html, body, canvas {
        padding: 0;
        margin: 0;
    }
    html,body {
        width: 100%;
    }
    canvas {
        width: 100%
    }
</style>

</head>

<body>

<script src="https://www.kkkk1000.com/js/pixi4.8.2.js"></script>
<script>
    let app = new PIXI.Application ({
      width: 750,
      height: 4280
    })
    document.getElementsByTagName('body')[0].append(app.view);

    let imgURL = "https://www.kkkk1000.com/images/learnPixiJS-VisualEffects/brick.jpg";
    PIXI.loader.add(imgURL).load(setup);

    let sprite;

    function setup() {
        sprite = new PIXI.Sprite.fromImage(imgURL);
        sprite.position.set(0,0);
        app.stage.addChild(sprite);
    }
</script>

</body>
</html>`

只要舞台宽度设置750，高度超过4100，canvas宽度样式100%，别的啥都没有改动的情况下，在移动端浏览器上（不包括夸克）canvas原本顶部的内容就会超出顶部溢出，这是什么原因有大佬知道吗？

pixijs

阅读 1.1k

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进