關於網頁設計佈局的分析

矛盾出來了，像我們這些小作坊，基本都是設計佈局一人搞定。甚至還有加後台程序的。假設設計的時候考慮佈局了，我們都有這個能力進行調整。但像大公司，分工嚴格的情況下，如果設計師不懂css不會佈局。或者理解有誤，那麼設計稿就會讓佈局人員耗費大量的時間和精力。因為瀏覽器太多！

經常看到有網友抱怨設計師給的稿子無法還原。因為他們對瀏覽器和屏幕的理解不一樣。也有的是因為效果太絢，顏色太多。更有甚者是使用flash製作嫌浪費，而html又雞肋.....好吧，我們拋開這最後一種情況，只談對屏幕和效果以及設計佈局的理解。

先談屏幕：

屏幕分辨率，還是以1024×768為主。而滿屏的定義則無從談起。為什麼？請看一下原因：你不能確定用户的ie裝了幾個插件！插件越多，瀏覽器顯示高度越低！你不能確定用户的顯示器是否設置正確（歪一邊了，弧形的，截斷的，縮小的放大的）你不能確定用户顯示器的分辨率是否為最佳分辨率。其典型在於某些寬屏或高屏顯示器，有的是等比例縮小後留白。而更有甚者則是滿屏拉伸。比例就不對了！

要使得網頁滿屏。很多人説寬度1003，也有人説是1004。而我則不這樣認為。

假設客户要求網頁滿屏。那麼，你就要曉得用户的顯示器尺寸的屏幕分辨率。如果客户對這玩意認知度很低。就不要輕易去改人家的分辨率。我1440×900的寬屏，我用1024×768的分辨率，我樂意！如果這客户要求一定要滿屏，那麼問題又出現了，如果交貨的時候客户換了一台不同尺寸的顯示器呢？分辨率變大了，你的網頁窄了，分辨率小了，你的網頁寬了！你咋辦？

其實滿屏也分兩種，我姑且命名一種為內容滿屏，一種為視覺滿屏！

所謂內容滿屏，就是指網站上的東西，左邊界就在顯示器左邊界，右邊界就是在顯示器右邊界。最佳的解決辦法就是使用百分比。而百分比帶來的負面效應：瀏覽器bug 設計及製作難度增加

所謂視覺滿屏，其實是一種取巧的做法。而這種方法。其實很簡單，一個網站的頭部，無非就是導航和banner，如果導航在最上邊，那麼，將導航的背景呈100%，導航居中。如果banner在最上邊，那麼注意處理圖片兩端，還是100%寬背景！

OK，雖然內容寬度還有可能是1000、1003、甚至是900或更低，視覺上依然是百分百的寬度，只要避免最小寬度大於瀏覽器寬度、或客户的顯示器分辨率寬度大於你的最小寬度。永遠OK。