Div基頁面佈局 - 百分比vs固定像素

Question

我是基於Div的頁面佈局的新手。我的問題是我們應該使用百分比還是固定像素來設計基於div的頁面佈局？

如果百分比，那麼跨瀏覽器兼容性呢？

如果固定像素，不同的屏幕分辨率呢？我們應該選擇什麼屏幕分辨率？

另外，我們的決定應該是什麼基礎？

Answer 1

大多數基於div的頁面佈局使用固定的像素寬度，而不是百分比。

在很少的情況下使用百分比有其優點 - 如果您有一個頁面，您想要根據窗口/瀏覽器更改寬度，您可以使用它。但我真的想不出上次我看到一個網站做到了這一點。

固定像素寬度允許您實際設計您的網站將看起來像什麼，無論瀏覽器，屏幕分辨率等。

創建寬度固定的佈局時，通常會創建一個大約960像素寬的「容器」div（請參閱http://960.gs/）。這個寬度是因爲它適合大多數瀏覽器/屏幕分辨率（如 - 任何1024×768及以上）

「容器」通常是中心的網頁上（儘管有時它的左對齊） - 例如見msn.com，yahoo.com， stackoverflow.com ...等。這些都是固定的寬度，而不是百分比（你可以通過改變你的窗口的大小，看到他們的內容不會改變來測試）