瀏覽器對於主體/文檔有最大高度嗎？

我的問題是，如果有人遇到有關html頁面高度的限制。瀏覽器對於主體/文檔有最大高度嗎？

如果它是瀏覽器特定的（特別是IE7），或者可能是客戶端特定的（內存等）或其他任何東西。

歡迎任何聯繫或經驗。

2012-06-04 Zhonk

Stackoverflow是關於編程，所以這個問題（這是一個真正的問題？）不應該在這裏。無論如何，據我所知，HTML頁面的高度沒有限制。但是，您應該問問自己，如果擁有非常高的頁面是一種很好的做法並且提供良好的用戶體驗。 – Cthulhu

@Cthulhu，這是一個完全有效的問題，即使頁面數十億像素高是一個可怕的想法。 – josh3736

我很確定我記得老年人的網景物理極限爲32767像素的身體。似乎無法找到支持這一點的任何鏈接。 –

是，頁面高度有技術限制。（也有一個實際限制–沒有人可以實際使用數十億像素高的頁面，並且如果您的頁面很高，則幾乎肯定會出錯。）

這就是說，實際上有兩種不同的要考慮的限制：您可以在CSS中指定的元素的最大高度以及最大總高度。

從瀏覽器到瀏覽器都有所不同。

SlickGrid涉及虛擬滾動，因此它必須知道元素的最大高度; the code it uses to detect this is here。我把它放在一個Fiddle：（這些都是近似值）

要測試的最大總高度，我放在一起this test，填補了頁w 11,000 <div>高99,999px，總共有11億像素的高度。

2012-06-04 16:38:00 josh3736

我正在使用Chrome 53.0.2785.116 m運行您的小提琴測試 - 它似乎只渲染xx像素高達約16m像素，滾動條僅上升到33m像素左右。我在10億像素附近無處可見，我做錯了什麼，或限制了更新版本的鉻？ – luanped

在IE7中，IE的專有CSS filter:限制爲4096像素。所以如果你有一個半透明覆蓋層的大頁面（或使用filter:的任何其他元素），那麼這個覆蓋層將只延伸到最大4096個像素。

2012-06-04 15:33:30

回答