【发布时间】：2014-01-26 14:18:27
【问题描述】：
我一直在尝试不同的方法将我的画布高度设置为 100%，以便移除垂直滚动条，但由于某种原因它不起作用？
谁能指点一下？
我已经上传了我的网站here，您会看到有一个滑块在运行。有两张图片，滑块设计用于在新图片下方显示旧图片。
再次感谢任何帮助。
谢谢。
【问题讨论】：
标签： jquery css html html5-canvas
【发布时间】：2014-01-26 14:18:27
【问题描述】：
这应该可行：
<style type="text/css">
html, body { padding: 0; margin: 0; height: 100%; }
#canvas { min-height: 100%; }
</style>
如果您仍然有问题，请确保在不需要的地方没有任何额外的填充和边距。
您还可以在 body 上添加 overflow: hidden; 以永久摆脱滚动条。
【讨论】：
-
感谢您的帮助！它完成了，但在 iPad 上查看我的底部有一个大白条！任何想法如何修改这个？谢谢你的帮助！ :)
-
<body>中是否还有其他 html 元素，您可能还需要将它们的边距和填充设置为 0。它经常与 img 或 p 标签一起发生。但我从来没有只在 iPad 上发生过这个问题：/ -
会看看，让你知道！谢谢你;)
-
嘿@PrimalScientist，我设法在我的iphone上重现了这种行为，但是一旦我放大或缩小，Js就会调整并且差距消失了。可能是初始计算有问题。或者它可能只是 webkit 本身，看看here（那里有几件事可以尝试）。
刚试过：
html, body, #canvas { height: 100%; }
而且似乎对我有用。试一试，看看它是否有效......
希望对你有帮助；）
【讨论】：
-
感谢您的帮助。我仍然有同样的问题吗？我仍然有滚动条出现在右边，我必须向下滚动到图片的其余部分？我已经尝试按照您说的做，但我一定还是做错了什么？