? 寫網(wǎng)頁已有一段時(shí)間，竟不知網(wǎng)頁的布局，網(wǎng)頁都寫完了，才開始學(xué)習(xí)網(wǎng)頁的布局，目前已經(jīng)看來很多博客。了解到了網(wǎng)頁有五種布局：靜態(tài)布局、自適應(yīng)布局、流式布局、響應(yīng)式布局、彈性布局。而我恰好使用了靜態(tài)布局，我感覺這也是情理之中的事。我的元素大多使用px為單位，寫起來易上手，簡單。靜態(tài)布局的特點(diǎn)就是居中布局，所有樣式使用絕對寬度/高度（px)。缺點(diǎn)就是不能根據(jù)用戶的屏幕尺寸做出不同的表現(xiàn)。

接下來說說流式布局:流式布局的特點(diǎn)就是使用%百分比定義寬度，高度大都用px來固定。這樣的用處就i是網(wǎng)頁可以適應(yīng)各種分辨率的屏幕當(dāng)然缺點(diǎn)顯而易見，當(dāng)屏幕過大或過小，網(wǎng)頁里使用px定義的元素會變形，這時(shí)就需要用min-width或max-width來預(yù)防。

自適應(yīng)布局：自適應(yīng)布局就是多個(gè)靜態(tài)布局的集合，網(wǎng)頁根據(jù)屏幕分辨率匹配對應(yīng)的靜態(tài)布局

響應(yīng)式布局（Responsive Layout）：

個(gè)人比較喜歡響應(yīng)式布局，很高級的布局，響應(yīng)式設(shè)計(jì)的目標(biāo)是確保一個(gè)頁面在所有終端上都能顯示出相對應(yīng)的效果。響應(yīng)式布局結(jié)合了流式布局和彈性布局，再搭配媒體查詢技術(shù)，缺點(diǎn)就是要匹配足夠多的屏幕大小，工作量不小，設(shè)計(jì)也需要多個(gè)版本，不同的屏幕太多了。

最后說說彈性布局（flex布局）：

1.使用彈性布局的元素的浮動(dòng)和對齊失效

2.使用 em 或 rem 單位進(jìn)行相對布局，相對%百分比更加靈活，同時(shí)可以支持瀏覽器的字體大小調(diào)整和縮放等的正常顯示，網(wǎng)頁具有易用性，1em=16px,1rem=10px。