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

Question

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

如果它是特定于浏览器的(特别是IE7),或者特定于客户端(内存等)或其他任何东西.

欢迎任何链接或经验.

Answer 1

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

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

两者因浏览器而异.

SlickGrid处理虚拟滚动,因此它必须知道元素的最大高度; 它用来检测这个的代码就在这里.我把它放在一个小提琴 :( 这些是近似的)

• Chrome:512,000,000
• Firefox: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>错误地放错了地方.