2010-03-10 77 views
19

一個奇怪的問題,但沒有人知道一個網頁的長度的實際限制,以及爲什麼它的限制?網頁可以多久?

作爲一個實驗,我使用HTML和CSS來創建一個代表1:1比例之旅的網站。沿着我在css中用大邊距分隔的方式,我有一個ul列表。然而,最長的保證金,我可以去工作至今是

top-margin:100000cm; 

由於有43個列表項,這相當於4,300,000cm,或43公里。有人知道爲什麼它會在這個商標上達到極限,或者我可能會如何延長它的時間?目前我正在使用Safari進行測試。

+1

呃!真是離奇!這個需求本身很奇怪! – Kangkan 2010-03-10 04:42:37

+4

您是否嘗試過使用不同的瀏覽器,操作系統,電腦?限制可能來自瀏覽器的html/css的實現。 – Sejanus 2010-03-10 04:44:12

+1

我知道,但確實知道事情的真正界限並不是什麼壞處 – 2010-03-10 04:44:48

回答

3

它似乎僅僅是margin-top屬性可以設置的最大值。我已經嘗試了100個元素的值高達400,000釐米,頁面加載它們都很好。我甚至嘗試增加多達1000個元素,以查看該數字是否受到加載時間的影響,但沒有。它似乎是一個確切數字,介於40萬到50萬之間,它切斷並縮短超過該值。我用

代碼(合作,表現出全):

<?php 

print "<ul>"; 
for ($i = 1; $i <= 1000; $i++) print "<li style=\"margin-top: 400000cm;\">{$i}</li>"; 
print "</ul>"; 
die(); 

?> 
+0

對,所以它不是那麼多導致問題的頁面長度,而是它的邊距長度? – 2010-03-10 05:03:59

+1

我已經將它限制在472,500到475,000之間,至少對於我的瀏覽器和操作系統(如果他們不同)。我想不出在這兩個值之間可能存在的任何共同價值或數量。 – animuson 2010-03-10 05:07:34

+0

出於興趣,您使用的瀏覽器/操作系統是什麼? – 2010-03-10 05:08:40

4

只是一個猜測,但2147483647;最大int值(可能是像素)

有趣的是,雖然IE9似乎高達214748.3px,當我走高時它進入負面。

+0

您是否認爲這意味着該頁面只能是2137383647px長,或者CSS中的度量值只能是該量? – 2010-03-10 04:45:45

+1

是的,2147483647只是一個數字。你在說什麼單位? – 2010-03-10 04:48:22

+0

我在當前的樣式表中使用cm – 2010-03-10 04:58:02

6

根據任何HTML/XHTML規範,沒有限制,所以這只是您正在瀏覽的瀏覽器的實際限制。網頁可以多長時間與問書可以多長時間相同。

2

這將取決於瀏覽器。 HTML文件的長度不應該有任何明確的限制。純粹的「長度」(像素)不應該有任何明確的限制。只有頁面中的元素越多,瀏覽器才能做得越多,並且越快它可能會耗盡內存。記憶是關於唯一的限制。

+0

那麼你的記憶力是我的主要限制?那你的意思是RAM?我發現Safari能夠處理幾乎是Firefox可以使用的長度的一倍 – 2010-03-10 05:00:55

+1

@Chris是,RAM或更普遍的:計算機資源。正如我所說,這取決於瀏覽器。不同的瀏覽器以不同方式處理計算機資源 – deceze 2010-03-10 05:03:59

+2

@Chris:如果它是一個基於變量大小的硬性限制,那麼「幾乎翻倍」聽起來可能是Safari存儲垂直位置的工件,其中unsigned int和Firefox使用帶符號的int。 – 2010-03-10 10:56:08

1

除了可能的最大int值之外,還需要考慮頁面的加載時間。如果您的網頁需要超過幾秒的時間才能顯示任何有趣的內容,那麼您將失去瀏覽您內容的人。這是比1:1比例度量更有意義的度量。

+0

好點,有點偏離主題,但值得我贊同。 – Ricket 2010-03-10 06:03:24

+0

是的,這是脫離主題,因爲問題只是試圖瞭解什麼是它不介意性能問題的最大尺寸。 – erasmus 2010-03-10 06:05:25

2

沒有限制。即使在整數大小方面,您也可以在其他div中創建div,並將它們全部作爲margin值的最大值,這樣您的頁面就不會受到限制。

+0

好的,但那麼最大的利潤率是多少? – 2010-03-10 11:44:18

+0

這並不重要。不管它是什麼,最後,您的網頁將不會有有限的大小,因爲您可以在您的舊div中創建另一個具有該邊距值的div。 – erasmus 2010-03-10 13:17:51

+0

我想可能會限制div的數量,呃:)?我們不會在那裏得到一段時間 – Halo 2010-03-10 15:50:32

3

18.939公里,確切的說: http://worlds-highest-website.com/

+0

嗯,你知道做這個的人嗎?他們提出了一個有趣的說法,「當你想讓網站更高(即精確到18.939583公里),即通過」收縮「或」摺疊「其主容器時,Firefox等基於壁虎的瀏覽器顯示出有趣的行爲,我想了解更多關於 – 2010-03-10 11:30:08

+0

的信息在他們的源代碼中發表評論時說:「實際上,世界上最高的」div「元素」......可能是18.939是單個元素的限制 – 2010-03-10 11:35:29

+0

我假設它是18,939,583,即以釐米爲單位。 km或m不是有效的網頁單位。 – DisgruntledGoat 2010-03-10 16:27:26

2
  1. 這是一個瀏覽器/內存/ OS的架構問題。
  2. 用除像素之外的任何東西測量它都不會很有用,除非您指的是特定紙張尺寸,方向和比例上的打印網頁的尺寸。屏幕有不同的尺寸和DPI。