這個問題，百度也有很多答案。但小編看完，只想送他們下面張圖。
而你看到的這篇，應該是目前最簡單易懂的版本了。
靜態布局 ：注意這個靜態不是網站不會動的意思，而是不管瀏覽器多大，當初設置的網頁大小也不會改變。如果要用手機訪問，橫向和豎向都會有滾動條，不能縮放大小。當然也存在部分是可以縮放大小的，但是分辨率不會改變。
自適應布局 ：網頁內容自動適應屏幕分辨率變化，但是數量和位置不會發生變化。像下面這種：
瀑布流布局 ：瀑布流布局可以理解為網頁中的一種 樣式 ，網站的內容一層層往下加載，像微博、今日頭條這種網站的消息加載就應用了流式布局。
響應式布局 ：在不同的屏幕中，都能自動調整布局和分辨率。并且會根據終端自動選擇舍棄一部分內容顯示，但主要內容是不會被舍棄的。響應式是一種全新的設計思維。
靜態、自適應、流式、響應式四種網頁布局的區別？
靜態布局是一種比較老的網頁布局方式，毫無靈活性可言，目前已逐漸被淘汰。自適應布局可看作靜態布局的升級版，響應式布局是自適應布局的升級版，流式布局作為一種布局樣式，可適用于其他三種網站布局。響應式布局因為其強大的靈活性，已逐漸成為高端網頁的代名詞。企業如果開發響應式網站，就能實現 一次設計，普遍適用 。后期只需維護一個網站。
響應式網站要普遍適應市面上各類屏幕，開發難度和工作量都是非常大的，開發價格自然比普通網站高。但是在全網營銷的大背景下，企業如果為了省錢，只能另外再開發手機站，這樣算起來價格就很不劃算了。建站寶盒目前做出來的網站全部都是響應式的，而且不用懂代碼也能做，直接套取模板就能做，支持HTML5動態效果，普通企業展示型網站建設低至870元/年，是中小企業的不二選擇。
Tags: IT
文章來源：http://ourjs.com/detail/58087acf71e01c68e9619111