html - 浏览器是否有正文/文档的最大高度？

Question

html页面的像素高度是否有限制？

如果有，影响最大值的因素有哪些？特定于浏览器（尤其是 IE7），或者特定于客户端（内存等）或其他任何东西。

Answer 1

是的，页面高度有技术限制。（还有一个实际限制——没有人可以真正使用数十亿像素高的页面，如果你的页面那么高，你几乎肯定做错了什么。）

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

两者都因浏览器而异。

SlickGrid处理虚拟滚动，因此它必须知道元素的最大高度；它用来检测这个的代码在这里。我把它放在小提琴中：（这些是近似的）

• 铬：512,000,000
• 火狐：6,000,000
• IE8-9：1,000,000
• IE6-7：128,000,000（是的，超过了较新的 IE）

为了测试最大总高度，我把这个测试放在了一起，它用 11,000 <div>s 99,999px 的高度填充页面，总高度约为 11 亿像素。

• Chrome 似乎在 10.8 亿像素左右失去了它的弹珠，在 50 亿像素以北的某个地方，滚动条完全消失了。
• Firefox 的滚动条在 107,398,926 像素左右消失
• IE 到处都是，<div>s 放错位置和大小不正确。

Answer 2

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