什麼是使佈局可擴展的最佳實踐？

Question

流體與液體與彈性與靈活的CSS佈局有什麼技術區別？

這些技術上都相同或不同？

對於手機用戶和計算機用戶來說流體佈局是否更好？

我認爲只有兩個屬性可以使流體佈局「em」和「％」。

即使在固定寬度的佈局中，我們也已經使用「em」作爲字體。我們需要做些什麼來使網站更靈活？哪一部分應該靈活，哪一部分會更好？或者我們應該讓整個事情變得靈活？

Answer 1

我建議你閱讀一些關於這個問題的文章。粉碎雜誌有一個很棒的文章，看到which one is right for you。他們對這些佈局的一些定義，我相信他們是非常精確：

修正：

一個固定的網站佈局有一個包裝 這是一個固定的寬度， 成分裏面有或者是 百分比寬度或固定寬度。 重要的是容器 （包裝）元素被設置爲不移動。 不管屏幕分辨率爲 ，他或她都會看到與其他訪客相同寬度的 。

流體：

在流體網站的佈局，也 被稱爲液體佈局， 大部分部件內部有 百分比寬度，從而調節到 用戶的屏幕分辨率。

彈性：

與網頁佈局工作 時還有第三個選項。 設計有時會被 設計師優先使用，因爲它將兩個 其他主要佈局類型混合在一起。它的作品通過 使用em的大小來確定所有元素。下面的報價清楚地說明了什麼是 em以及它爲什麼會有益。

文章中的優缺點也非常簡潔，有例子和進一步的研究。

如果您選擇使用「流體」佈局，請閱讀their article about the subject as well。

Answer 2

他們幾乎都是一樣的。如果你想變得非常挑剔，我想你可以說彈性具有最大寬度，而流體可以繼續增加寬度，只要窗口變寬。但一般來說，它們是可互換的。