網頁寬度和高度設定參考建議
阿新 • • 發佈：2019-02-19
先看一下國內國外的幾個知名網站的網頁寬度設定：
| 編號 | 網站名 | 網頁寬度 | 備註 |
| 1 | 網易 | 960px | 均指首頁，下同 |
| 2 | 新浪 | 950px | |
| 3 | 騰訊 | 910px | |
| 4 | TOM | 960px | |
| 5 | 鳳凰網 | 950px | |
| 6 | MICROSOFT | 935px | 國外網站 |
| 7 | BBC | 995px | |
| 8 | AOL | 978px | |
| 9 | CNN | 980px | |
| 10 | Reuters | 960px |
從上表可以看出，幾乎所有的大型網站都是採用比較保守的網頁寬度設計，目前且都已不再考慮800*600解析度的使用者的全屏瀏覽問題，目前網頁寬度設定的主流標準仍然是950/960/980畫素寬度，最大980畫素也大都是國外網站，可能老外比較富裕，顯示器都比較好，國內落後一點：），天緣部落格採用的是960px網頁寬度。
似乎950/960的寬度看其來會更舒服一點，雖然980px在1024*768上也不會出現水平滾動條，但畢竟佔滿螢幕太過（1024px螢幕-15px垂直滾動條=1009px，1009px-980px=29px，29/2大約一個漢字的寬度，所以980px幾乎佔滿了水平解析度為1024px的螢幕）。1024*768估計是大部分網站的終極關注使用者，因為再寬的網頁寬度除非特別需要，比如遊戲頁面、FLASH等等，內容性的網站將會像張報紙，如果分隔不好會嚴重影響閱讀體驗。
下表是天緣部落格的自開博以來的訪客計算機統計表，由於統計功能不大好用，無法抓圖，只能手算了一下大概情況：
| 編號 | 解析度 | 百分比 | 備註 |
| 1 | 1024×768 | 22.1% | 17#普屏居多 |
| 2 | 1280×800 | 21.9% | 14#/15#寬屏居多 |
| 3 | 1440×900 | 14.6% | 寬屏居多 |
| 4 | 1280×1024 | 8.5% | 普屏居多 |
| 5 | 1366×768 | 8.2% | 寬屏居多 |
| 6 | 1680×1050 | 6.3% | 寬屏居多 |
| 7 | 1920×1080 | 2.9% | 寬屏居多 |
| 8 | 1600×900 | 1.5% | 寬屏居多 |
| 9 | 1280×768 | 1.4% | 寬屏居多 |
| 10 | 1152×864 | 1.4% | 普屏居多 |
從上表可以看出：800*600解析度使用者的確已經很少，並且1024*768解析度使用者佔有率也在呈現快速衰退趨 勢（需結合早前資料，表中未列出），1280×800和1440×900很快將成為主流，不過，雖然螢幕的解析度已呈上升趨勢，但是網頁寬度設定確沒有大的改變，估計以後再寬也寬不到哪裡去，應該不可能跟進著螢幕寬度設計，讓使用者左右擺頭閱讀的。