長約十九公里的網頁(放心點選,裡面啥也沒有,不會很吃資源),用的 CSS 是這樣:
div#whws { font-size: 100cm; height: 18939em; line-height: 1.0; }
文字大小為一公尺、總高度 18939 文字高,所以光那個 div 就可以有 18.939 公里... 這代表什麼?代表要認真耍白爛的話,不用半秒鐘他就不是最長的了 :P 補充:啊... 我沒有認真看最下面的說明才這麼說,翻譯一下:
有趣的現存問題:
- Gecko 核心瀏覽器(如 Firefox)在碰上更長(長過 18.939583 公里)的網頁時會「縮小」 container。
- Internet Explorer 則不讓你使用超過真正內容高度的連結錨點(所以你沒辦法從頁首的連結直接跑到頁尾),而我們也不確定真有那麼長網頁時它會怎麼處理(那實在太長了)。
如果有解決方案的話,請寄到 info at worlds-highest-website.com 我們「應該」會有獎勵,而且會將你的解決方案應用到此站上。
看來Presto和Webkit再度被此網站的作者遺忘了……(汗)
回覆刪除倒是很好奇作者怎麼測試得知Gecko真能顯示出高18.939公里的網頁。他有拿尺去量過嗎? :p
可以請問一下要怎麼實際來測量它的長度是否真的有18.939km呢?
回覆刪除有沒有人要計算一下從頁首滾到頁尾要多久呢XD
首先,他有刻度! XD 另外其實真的要量確切長度的話,我是有想到可以印成 PDF、算算看有幾頁再扣掉頁面邊界就行了。
回覆刪除列印是沒用的,那個18公里高的div依目前設定只在@media screen/projection有效。另外有刻度是沒錯,不過沒有寫數字,也很難證實到底捲了多遠啊。
回覆刪除