html画布不会填满firefox mobile上的整个页面

Question

我正在尝试使用画布动画效果，它在 firefox（桌面）上运行良好，但在移动设备上它就像页面左上角的小空间一样填充。在移动 chorome 上运行良好，更新了我的浏览器仍然无法正常工作，想知道是否有任何技巧让它工作。

code

https://codepen.io/riazxrazor/pen/Gjomdp

这是单独服务器上的 html 文件：

http://ntf.r-control.eu/canvas.html

不在这里发布代码，因为它不能正确显示（以某种方式退出代码标签）

Answer 1

无法理解您的疑问。不过，你可以试试

canvas{
    height: 100vh;
    width: auto;
}

它将强制你的画布成为视口的高度和宽度。