爲什麼網頁佈局的默認標準尺寸是1024x768？

我一直在訪問網站和開發一些，直到現在我不知道爲什麼這些網頁的佈局的默認大小爲1024x768。換句話說，爲什麼他們忽視了屏幕的其他部分？爲什麼他們不按照像1920x2120那樣的高分辨率來開發頁面呢？爲什麼網頁佈局的默認標準尺寸是1024x768？

我已經訪問了大多數網站，從Yahoo.com到Pepsi.com，所有這些網站都放置了這些右邊和左邊的邊距，以便在1024x768的舞臺上放置一半的屏幕。

這是因爲他們需要在移動設備上打開這些網站嗎？或者有更深的技術原因呢？

來源

2012-05-30 CompilingCyborg

問：即使你更喜歡顯示器的足球場（並且我個人也不會）......那麼你爲什麼要用一個愚蠢的單一網頁來浪費所有的房地產？你不只是讓你的瀏覽器在你的桌面上的一個（幾個）窗口？ – paulsm4

主要的原因是，人們希望越來越多的人來訪問他們的網站。大約10年前，1024x768是最常見的顯示分辨率。之後，當新的和更高分辨率的顯示器出現時，低端設備的垂直分辨率（768）沒有明顯的跳躍。即使是現在（2012年初），幾乎50％的顯示器使用最大800p作爲垂直分辨率。

因此1024x768是人們設計網站的標準最低分辨率。如果您設計更寬/更大的分辨率，使用這些設備的人可能無法在屏幕頂部看到它們（沒有滾動），並且內容可能保持不被注意。

檢查這個維基百科鏈接，更詳細的統計 http://en.wikipedia.org/wiki/Display_resolution

要回答另一個問題，爲什麼不能有多個版本？主要有兩個原因：

許多網站實際上是可動態擴展的。以臉書或谷歌圖片爲例。根據您的屏幕分辨率，他們會使用額外的區域來容納額外的內容。該策略通常適用於具有可以動態匹配的內容塊的網站。
有研究表明，對於6-7字或500px（不是精確數字）的最佳和快速閱讀是最佳寬度。除此之外，任何事情都會導致水平跨度過大並降低閱讀速度。這會影響更多關於例如文本的網站的解析度。博客和新聞網站。

來源

2012-05-30 06:29:11 chirag

這確實是很好的理由。（+1） – CompilingCyborg

我增加了幾個關於多個版本的觀點。可能是一個有用的閱讀。 – chirag

你在那裏找到了很好的理由。謝謝「Chirag」！ [Accepted] – CompilingCyborg

二十年前，GUI應用程序的一般「標準」是640x480。

個人而言，我很少在1280x1024以上運行任何顯示器。目前，我正在使用兩臺顯示器。

確實必須有一些「最小公分母」。而且，對於沒有特別好（或不好）的原因，目前它恰好是1024x768。

恕我直言...... PSM

PS：

這裏有一個很好的表。它有5年的歷史了......但可能還是相當準確的。尤其是考慮到智能手機顯示器的日益增加的重要性在過去的五年：

http://magiclamp.net/?PageID=102

Date Range     April 2005  June/July 2005 Oct-Dec 2005 Jan-Mar 2006 
Sample Set (Unique Visitors) 500K   1.5MM    1.8MM   1.9MM 
# of Site for Sample   2    3     3    3 
800 x 600      21%   16%    14%   12% 
1024x768      65%   67%    68%   69% 
1280 x 1024     10%   15%    16%   18% 
1600 x 1200             1.5%   1.5%

來源

2012-05-30 06:20:22 paulsm4

是啊......開發高分辨率的大屏幕網頁會更合乎邏輯，然後針對移動設備和更小的顯示器另有獨立的版本？我的意思是他們可以運行測試功能來檢查屏幕的大小，並相應地加載適當的網站大小？我沒有發現將它固定爲1024x768像素的邏輯。特別是在談到能夠承擔爲其網站開發不同規模的大公司時。 – CompilingCyborg

+1鏈接和表格。你是對的。 – CompilingCyborg

ANS：好的，考慮到上面的問題（在評論部分中），您需要在同時做其他事情時打開網站的情況是什麼？我的意思是，網站可以開發用於「足球」場顯示，但用戶可以根據需要選擇縮小。當你看到文字和元素的大小很小但是你不能放大時，這種情況是不是真的，因爲這可能會擾亂內部圖片的分辨率。 – CompilingCyborg

這只是一個很好的設計選擇問題。 1024 x 768 seems仍然是一個足夠流行的決議;所以網頁設計師爲了確保最大範圍，設計他們的網站，使其可以使用分辨率爲1024 x 768 和的人（如預期的）查看。簡而言之，這主要是爲了確保向後兼容性，正如chirag指出的，與移動設備的兼容性更強。

您應該仔細研究上面鏈接頁面上的信息。所示的趨勢對當前的設計禮儀有很大的啓示，這種禮儀多年來如何演變，以及爲什麼。它還會讓您瞭解經驗豐富的網頁設計師的思維方式。畢竟，你不希望你的網站被意外的滾動條伸出右邊;-)

來源

2012-05-30 06:44:27 ThisIsNotAnId

的確......感謝您的進一步闡述。 [+1] – CompilingCyborg

我很高興我可以幫忙:) – ThisIsNotAnId

爲什麼網頁佈局的默認標準尺寸是1024x768？

回答

相關問題