前言
當為大量用戶設計網站時，設計人員必須考慮到訪問者的差異：
-
屏幕分辨率，
-
瀏覽器的選擇，
-
是否在瀏覽器最大化狀態，
-
瀏覽器的額外工具欄的開啟（歷史記錄，書簽等），
-
操作系統和硬件。
我們知道css中有各類布局，從發展至今包括 固定布局、靜態布局、柵格布局、流體布局、液體布局、自適應布局、響應式布局、彈性布局，但是概念總是模糊不清，最近在看一本很喜歡的書，決定要把css布局整理一下
固定布局
概念
固定布局（fixed layout）即傳統Web設計，頁面的大小采用固定的寬度，固定布局擁有固定的外表使用絕對長度單位（px、pt、mm、cm、in）
布局特點
因為使用的是絕對長度單位，頁面元素的位置不會移動，所以無論訪問者的屏幕分辨率多大（不管瀏覽器尺寸具體是多少）都會和其他訪問者看到相同尺寸的頁面，網頁布局始終按照最初寫代碼時的布局來顯示。
常規的pc網站都是靜態、布局的，也就是設置了min-width，這樣的話，如果小於這個寬度就會出現滾動條，如果大於這個寬度則內容居中外加背景，這種設計常見於pc端。
設計方法
PC：居中布局，所有樣式使用絕對寬度/高度(px)，設計一個Layout，在屏幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分；
移動設備：另外建立移動網站，單獨設計一個布局，使用不同的域名如wap.或m.。
總體框架
這些內部組件尺寸分別設置為520，200和200像素。960像素寬已成為現代網頁設計的標准，因為大多數網站的用戶瀏覽被假定為1024 × 768分辨率或更高。
不同設備渲染差異
不同的設備將會以多樣的方式來渲染靜態布局的頁面，所以就會有一些不可預期的現象出現。比如：在桌面瀏覽器中，如果瀏覽器窗口寬度過小，部分頁面內容就會被切掉，橫向的滾動條就會出現。而在移動端，頁面則會被自動的縮放，
如此去閱讀頁面的話我想如果你是讀者肯定也會很反感吧。
繞開固定網頁設計的弊端
-
960px還是760px？
大多數設計師選擇760像素或960像素的固定寬度。960像素的寬度布局適合於使用1024 × 768分辨率或者更高的用戶，並且會有一些留白。對於那些想要迎合使用800×600分辨率的10％用戶的設計師來說，
760像素寬的布局效果良好，並仍然適用於大屏幕。
-
始終中心布局
當設計使用一個固定的寬度，一定要至少將網頁主體居中來保持平衡感（ margin: 0 aut，通常不會成功）。否則，對以使用大分辨率屏幕的用戶，整個布局會藏在角落里。
優點
-
固定寬度的布局更易於使用以及制定設計頁面。
-
每一個瀏覽器顯示的寬度都是相同的，因此少了很多關於圖像，表格，視頻等這些寬度固定的內容的麻煩。
-
沒有瀏覽器不支持的最大寬度和最小寬度的說法
-
即使網站設計可以匹配最小的屏幕分辨率，800 × 600，那么網頁內容仍然可以很容易的在大分辨率的屏幕上顯示得足夠大。
缺點
-
固定寬度的布局可能給屏幕分辨率大的用戶造成過多空白空間，從而破壞“黃金分割”，“三分法”，綜合平衡等其他設計原則。
-
較小的屏幕分辨率可能需要水平滾動條，這取決於固定布局的寬度。
-
無縫紋理，圖案和圖像的延續需要適應大的分辨率。
-
在可用性方面，固定寬度布局總體效果不是很好。
- 顯而易見，即不能根據用戶的屏幕尺寸做出不同的表現。當前，大部分門戶網站、大部分企業的PC宣傳站點都采用了這種布局方式。固定像素尺寸的網頁是匹配固定像素尺寸顯示器的最簡單辦法。但這種方法不是一種完全兼容未來
網頁的制作方法，我們需要一些適應未知設備的方法。
靜態布局
靜態布局（static layout）是固定布局的別名
參考
布局的幾種方式（靜態布局、自適應布局、流式布局、響應式布局、彈性布局）