這個問題，百度也(ye)有很多答(da)案。但小編看完，只(zhi)想送他們(men)下面張(zhang)圖。

而你(ni)看到的(de)這篇(pian)，應該是目(mu)前最簡單易懂的(de)版本(ben)了。

靜態布局：注意這個靜態不是網站不會動的意思，而是不管瀏覽器多大，當初設置的網頁大小也不會改變。如果要用手機訪問，橫向和豎向都會有滾動條，不能縮放大小。當然也存在部分是可以縮放大小的，但是分辨率不會改變。

自適應布局：網頁內容自動適應屏幕分辨率變化，但是數量和位置不會發生變化。像下面這種：

瀑布流布局：瀑布流布局可以理解為網頁中的一種樣式，網站的內容一層層往下加載，像微博、今日頭條這種網站的消息加載就應用了流式布局。

響應式布局：在不同的屏幕中，都能自動調整布局和分辨率。并且會根據終端自動選擇舍棄一部分內容顯示，但主要內容是不會被舍棄的。響應式是一種全新的設計思維。

靜態、自適應、流式、響應式四種網頁布局的區別？

靜態布局是一種比較老的網頁布局方式，毫無靈活性可言，目前已逐漸被淘汰。自適應布局可看作靜態布局的升級版，響應式布局是自適應布局的升級版，流式布局作為一種布局樣式，可適用于其他三種網站布局。響應式布局因為其強大的靈活性，已逐漸成為高端網頁的代名詞。企業如果開發響應式網站，就能實現一次設計，普遍適用。后期只需維護一個網站。

響應式網站要普遍適應市面上各類屏幕，開發難度和工作量都是非常大的，開發價格自然比普通網站高。但是在全網營銷的大背景下，企業如果為了省錢，只能另外再開發手機站，這樣算起來價格就很不劃算了。建站寶盒目前做出來的網站全部都是響應式的，而且不用懂代碼也能做，直接套取模板就能做，支持HTML5動態效果，普通企業展示型網站建設低至870元/年，是中小企業的不二選擇。購買地址：//szjicheng.cn/design/