問題描述

假設流體佈局不是一個選擇 (因為這是一個不同的討論),什麼是網站佈局的建議寬度?不同尺寸的優缺點是什麼?

最佳解決思路

我一直保持 960px,因為它是可以看到的 1024×768,並可以被 2,3,4,5,6,8,10,12,15,16,20,24,30,32,40,48, 60,64,80,96,120,160,192,240,320 和 480 … 所以我可以乾淨地分割我的網站的設計 (使用三分法則) 。

幾年後編輯:如果您不能使用流暢的佈局,請考慮使用 CSS Media Queries 來使您的內容響應無數裝置。我不知道在 2012 年可以聲稱一個畫素寬度來統治它們。

次佳解決思路

檢視 http://browsersize.com,瞭解使用者現在使用的螢幕解析度的一些快速統計資訊。您可以使用 http://setmy.browsersize.com 快速調整瀏覽器的大小,以特定的螢幕解析度來模擬您的網站。確保您的佈局至少滿足最廣泛使用的螢幕解析度 (1024 x 768) 。

另外,不一定是要佔用最大的水平空間。文字的寬度 (每行的單詞數) 理想情況下不應超過一定的可用性閾值:

At the very common 1024×768 screen resolution, most fixed-layout websites don』t use all available space to the left and right of their content. Flexible layouts make a better use of horizontal space, but struggle to maintain usable line-lengths. Usability experts have told us that there are just so many words you should put on a line. Between 8 and 12 words seems to be the ideal line length. Print media, especially newspapers, don』t hesitate to use even shorter lines. Why? Because they can, by laying out text across several columns.

http://www.alistapart.com/articles/css3multicolumn

參考文獻

注:本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意,可以加入我們改善翻譯效果:薇曉朵技術論壇。