普通网页的高度是多少？

Question

我正在jsbin：http://jsbin.com/igeca4/edit

上试验这个示例页面

现在的高度为741px但是，在底部仍然留有一些空白区域。

我可以继续使用高度像素进行试验和错误，但无论观看页面的用户是否有大型显示器。然后我的页面从底部看起来是半空的。

是否有可以用来占据网页中所有高度的技巧？

Answer 1

网页没有标准高度;你甚至不能假设用户最大化了他/她的浏览器。如果您要使用页脚或页面底部内容，则需要使页面成为浏览器的全部高度。

以下是CSS中100％高度的链接。基本上，您需要将html和body个对象设置为height: 100%;。 （大多数人并不认为html是风格化的元素。）您可能需要根据情况做出其他调整。

http://www.dave-woods.co.uk/?p=144

有关详细信息，您还可以参考这些内容。他们也应该有所帮助：

• http://css-discuss.incutio.com/wiki/Hundred_Percent_Height
• http://www.thefutureoftheweb.com/blog/100-percent-height-interface

Answer 2

设置height:auto。因此，如果您在内容中添加内容，则应自动调整其高度。

如果您想预加载高度，请设置height:100%;

Answer 3

通常页面的内容可以垂直滚动。在这种情况下，您通常只需担心哪些内容“首屏” - 即 - 在需要滚动之前在用户的屏幕中。通常我认为这是600px左右（高768px减去地址栏+标签）。所以你要确保重要的东西在600px之内。

使用可重复的背景图像可以确保您的页面（至少是设计）填满整个屏幕。

除了这两件事之外，除了使用Flash之外，你可以做任何事情来“强迫”它垂直适合，而Flash可以重新调整整个窗口的大小。