浏览器的主体/文档的最大高度是多少？

Question

我的问题是，如果有人遇到有关html页面高度的限制。

如果是浏览器特定的（特别是IE7），或者特定于客户端（内存等）或其他任何内容。

欢迎任何链接或经历。

Answer 1

是，页面高度存在技术限制。 （还有一个实际的限制 - 没有人能够真正使用高达数十亿像素的页面，如果你的页面很高，你几乎肯定会做错事。）

也就是说，实际上有两个不同的限制要考虑：你可以在CSS中指定的元素的最大高度，以及最大总高度。

两者因浏览器而异。

SlickGrid处理虚拟滚动，因此它必须知道元素的最大高度; the code it uses to detect this is here。我把它放在Fiddle：（这些是近似值）

中

• Chrome：512,000,000
• Firefox：6,000,000
• IE8-9：1,000,000
• IE6-7：128,000,000（是的，更多比新IE）

为了测试最大总高度，我将this test放在一起，在页面上填充了11,000 <div>个99,999px的高度，总高度约为11亿像素。

• Chrome似乎失去了大约10.8亿像素的大理石，在50亿像素以上的某个地方，滚动条完全消失了。
• Firefox的滚动条消失在107,398,926像素
附近
• IE遍布整个地方，<div>错位且尺寸不正确。

Answer 2

IE7中IE的专有CSS filter:限制为4096像素。因此，如果您有一个带有半透明叠加层的大页面（或使用filter:的任何其他元素），则该叠加层最多只会延伸到4096像素。