在傳統的網頁設計中，網頁上所有元素的大小都是px。
1.布局特征
不管瀏覽器的確切大小如何，頁面的布局總是與您第壹次編寫代碼時相同。常規的PC站點是靜態布局的，有壹個最小寬度，所以如果寬度小於這個值，就顯示滾動條，如果寬度大於這個值，就顯示資源中心和背景。這種設計在PC上很常見。
2.設計法
PC:中央布局，所有樣式使用絕對寬度/高度(px)，設計壹個布局，屏幕的寬度和高度都做了調整，使用水平和垂直滾動條查看覆蓋範圍；移動設備:建立單獨的移動網站，設計單獨的布局，使用不同的域名，比如wap。或者m。
優點:這種布局對於設計師和CSS編寫者來說是最簡單的，不存在兼容性問題。
缺點:顯然妳不能改變用戶的屏幕尺寸。目前大部分門戶網站和大部分企業PC廣告網站都采用了這種布局。具有固定像素大小的網頁是匹配具有固定像素大小的顯示器的最簡單的方法。然而，這種方法並不是創建未來網頁的完全兼容的方式。我們需要壹些方法來適應未知的設備。
二、流程布局
液體布局(也叫“流體”)的特點是根據屏幕分辨率調整頁面元素的寬度，但整體布局不變。代表性圍欄系統(網格系統)。例如，將主頁體的寬度設置為80，最小寬度設置為960像素。圖像也進行類似的處理(寬度:100%，最大寬度通常設置為圖像本身的大小，以防止因拉伸而失真)。