Question

我正在尝试使用window.innerHeight和innerWidth属性全屏制作HTML5画布元素。

不幸的是，在Chrome 10上，我设置时使用以下doctype：

<!DOCTYPE HTML>

...滚动条指示了一些不应出现的额外滚动空间。

没有doctype，一切都很好。

该元素是HTML5画布，因此100％样式只会拉伸内容。

是否值得使用破坏我的功能的doctype（没有这可能是坏的？），或者我应该从值中减去15px以保持滚动条不显示？（这是kludgy）

Answer 1

肯定是因为在页面的body元素上找到了默认填充。使用以下方法删除所有默认填充和边距：

* {
    padding: 0;
    margin: 0;
}