这非常简单,但我不明白为什么它会导致滚动条。这是代码:
CSS
body, canvas, html{margin:0;padding:0;border:0 none;}
canvas{background:Black;}
HTML
<html>
<head></head>
<body></body>
</html>
JavaScript
var canvas = document.createElement("canvas");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
document.getElementsByTagName("body")[0].appendChild(canvas);
这不应该只是导致 Canvas 跨越可 window 口的宽度和高度吗?这是一个 JSFiddle 示例:http://jsfiddle.net/TyJYH/
最佳答案
我通过将 Canvas 标签的 CSS 显示属性设置为“ block ”解决了同样的问题。
canvas {
display: block;
}
关于javascript - 将 Canvas 元素的高度和宽度设置为 window.innerHeight/innerWidth 导致滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11302042/