无法将HTML页面正文/画布高度设置为100%?

时间:2014-01-26 14:18:28

标签: jquery css html5 html5-canvas

我一直在尝试不同的方法将我的画布高度设置为100%,以便它删除垂直滚动条,但由于某种原因它不起作用?

有人可以给我任何指示吗?

我上传了我的网站here,您会看到有一个滑块正在运行。有两个图像,滑块设计用于在新图像下显示旧图像。

再次,非常感谢任何帮助。

感谢。

2 个答案:

答案 0 :(得分:1)

刚试过:

html, body, #canvas { height: 100%; }

似乎对我有用。试一试,看看它是否有效......

希望它有所帮助;)

答案 1 :(得分:1)

这应该有效:

<style type="text/css"> 
html, body { padding: 0; margin: 0; height: 100%; }
#canvas { min-height: 100%; }
</style>

如果您仍有问题,请确保在不需要的地方没有任何额外的填充和边距。

您还可以在正文上添加overflow: hidden;以摆脱滚动条。