隨著硬體設計的越來越完善,比如我們的 PC,目前很多多使用者的 PC 中的顯示器都是 17 寸,或者 17 寸以上的,很多都是 19 寸的寬屏瀏覽器,網頁寬度的設計不僅僅要考慮到顯示器還要考慮到瀏覽器的問題,如:在 IE6.0 下,寬度為顯示器解析度減 21,比如 1024 的寬度-21 就變成 1003;在 Firefox 下,寬度的分率辨減 19 。比如 1024 的寬度-19 就變成 1005;在 Opear 下,寬度的分率辨減 23 。比如 1024 的寬度-23 就變成 1001;Firefox 或 Opear 在內容少於瀏覽器高度時不顯示右側捲軸。 所以網頁設計師在進行網頁設計的時候是如何考慮到網頁設計的寬度來滿足不同多使用者的需求的呢?

常用瀏覽器的需求我們要明白並且牢記, 不然很可能做出來不符合瀏覽器要求, 不過一般我們都回設定的再稍微小一點, 應為有些瀏覽器加了外掛或者其他的東西寬度會有變化所以 800 的解析度一般設定 760 左右,1024 的設定 990 左右。

在說一下網頁設計師在網頁設計寬度的時候要注意的一些事項什麼情況下不會出現捲軸,A: 當網頁在 800*600 下,網頁寬度保持在 778 以內。 B:當網頁在 1024*768 下,網頁寬度保持在 1002 以內,如果滿框顯示的話, 高度是 612-615 之間。 C:在 ps 裡面做網頁可以在 800*600 狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為 740*560 左右 。在 PS 裡做的圖到了網上就不一樣了,顏色等等方面,因為 WEB 上面只用到 256WEB 安全色,而 PS 中的 RGB 或者 CMYK 以及 LAB 或者 HSB 的色域很寬顏色範圍很廣,所以自然會有失色的現象。 

不過對電商的頁面為什麼都在 1200 像數,我從多使用者體驗的角度是這樣分析的。 1024×768 的解析度雖然有人說至今任然佔據著大多數多使用者的瀏覽器,記得兩三年前有一個看到一個統計 1024×768 的解析度的多使用者佔比約為 40% 左右,而如今 1280×800 及其以上解析度的多使用者約佔比為 45% 到 50% 左右。時至今日 1024×768 的解析度的新資料多使用者佔比到今年 3 月只剩下 18.6%。,不過可以肯定的是確實仍有很多客戶端是這個設定。 1366×768 的解析度得益於筆記本的蓬勃發展,在其中佔據絕對主流地位,一路高奏凱歌,從微不足道的 0.41%攀升至今天的 19.2%,榮登解析度之王。位列第三的還是 1280×800 的解析度,比例位 12.95%,比三年前只少了 5.87 個百分點。這種變化對於 Web 開發人員來說尤其具有指導意義。現在我們可以考慮更多地為 1366 畫素寬度進行頁面最佳化了。我想這些資料也可能是電商改版的重要參考之一吧。
 
那麼既然 1024×768 的解析度仍有很多客戶端,電商為什麼就敢於放棄這部分客戶的多使用者體驗呢?而其他各型別的網站依舊保持不變呢?1024×768 的解析度從 2006 年左右流行至今已近 8 個年頭了,這 8 年裡 PC 技術跑步在發展。與之一起發展的便是網際網路技術了,電商依附 WEB 及網際網路技術的發展至今也已壯大了。可以說使用 1024×768 解析度的機器也應該算是古董級的了,依舊使用這些機器的人,先可以斷定他們對電子產品的更新是沒有追求的(電子產品也是各電商主推的)。又或是子女淘汰的機器老人在使用,那在大多數老年人對網路還是比較陌生的,這部分人事絕對不可能有網路購物的存在。所以分析來分析去這部分人都不像是電商的潛在客戶,既然不是客戶,那電商不會顧及這部分網民的多使用者體驗也理所當然了。