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

Posted 2023-03-25

【中文标题】html画布不会填满firefox mobile上的整个页面

【英文标题】：html canvas do not fill entire page on firefox mobile

【发布时间】：2020-05-25 12:52:15

【问题描述】：

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

code

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

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

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

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

【参考方案1】：

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

canvas
    height: 100vh;
    width: auto;

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