Javascript 移动全屏html

可能重复：

我正在为手机开发HTML5游戏

我想拉伸画布，以获得完整的手机宽度和高度

我使用的代码不太准确：

ourCanvas = document.getElementById('gameCanvas');
context = ourGameCanvas.getContext( '2d' );
ourCanvas.width = $(window).width();
ourCanvas.height = $(window).height();

---

有什么建议吗？

在“调整窗口大小”或“方向更改”事件中，画布的宽度和高度似乎没有刷新：

$(window).on("resize", fitCanvas);
fitCanvas();

function fitCanvas() {
    var ourCanvas = document.getElementById('gameCanvas');
    context = ourGameCanvas.getContext( '2d' );
    ourCanvas.width = $(window).width();
    ourCanvas.height = $(window).height();
}

?

你重新设置布局了吗？比如：

body, html, p, whatever { padding:0; margin:0; }

---

这段代码非常适合PC浏览器，但android浏览器上仍有一些区域未包括在内@Solieman如果检测到方向更改事件是否可用，您可以绑定eater或Resize如果没有方向更改，我正在使用浏览器阻止它。这可能会有帮助：

body, html, p, whatever { padding:0; margin:0; }