通常情況下，需要區(qū)分，具體需要看用戶網(wǎng)站方的需求可以采用響應(yīng)式布局的方式，取320640等斷點，用一套CSS兼容手機padPC等平臺如果說，需要兼容IE8，那么響應(yīng)式布局需要慎重選擇；#流式布局流式布局是指所有元素都默認向左上角靠攏，通過調(diào)整元素相對位置來達到預(yù)期效果這種布局方式的優(yōu)點是適應(yīng)性強，可以在不同分辨率的設(shè)備上自適應(yīng)調(diào)整缺點是元素位置取決于相鄰元素的位置和尺寸，不夠靈活；2流式布局 也叫100%布局寬度單位為百分比流式布局常用的設(shè)計模板左側(cè)固定+右側(cè)自適應(yīng)，左右固定寬度+中間自適應(yīng)優(yōu)點可以適應(yīng)不同尺寸的屏幕 缺點如果屏幕尺度跨度太大，那么在相對其原始設(shè)計而言過小或過大的；現(xiàn)在很多站長在做網(wǎng)站時都比較傾向于響應(yīng)式設(shè)計，這是因為一個響應(yīng)式網(wǎng)站就可以完全適應(yīng)不同尺寸的設(shè)備除此以外，響應(yīng)式網(wǎng)站也沒有縮放布局和流式布局的一些缺點但在設(shè)計響應(yīng)式網(wǎng)站時我們也要多加注意，仔細規(guī)劃，才能更。

所謂流式布局意思是從左到右對該容器里面的控件進行布局，當一行不能容納時候自動換行該布局是從左到右，然后從上到下JFrame的默認布局就是BorderLayout這個布局跟流式布局不同分為中南西北中，五種控件位置擺放方式；1靈活性不同靜態(tài)布局毫無靈活性可言，目前已逐漸被淘汰自適應(yīng)布局靜態(tài)布局的升級版，因其強大的靈活性，已逐漸成為高端網(wǎng)頁的代名詞流式布局靈活性更高，可適用于其他三種網(wǎng)站布局響應(yīng)式布局自適應(yīng)布局的；流式布局將頁面寬度設(shè)置為百分比當顯示區(qū)域改變時，頁面布局將按比例改變 流式布局強調(diào)適應(yīng)屏幕寬度的變化在實際應(yīng)用中，往往設(shè)置為適應(yīng)寬度，而高度是不變的當頁面變大時，頁面布局會水平加寬 彈性布局 靈活布局采用remem等相對；以上的圖都是默認 androidorientation=quothorizontalquot 的流式布局，而 androidorientation=quotverticalquot 的樣式如圖4除了 appflow_wrapMode=quotalignedquot 的絕對對齊之外，F(xiàn)low還有幾種對齊方式top就是頂部對齊，如圖5bottom；#選定基本設(shè)計尺寸選定基本設(shè)計尺寸，一般以1080為基準確定響應(yīng)式web設(shè)計的應(yīng)用場景之后，和美工或設(shè)計師溝通，之前，一般需要美工出幾套主流移動設(shè)備屏幕分辨率的設(shè)計圖，現(xiàn)在，使用流式布局以及rem等可以使用一套。

不是一個概念咯網(wǎng)頁開發(fā)總是基于流式布局的，這是由瀏覽器及html規(guī)范限定的基于網(wǎng)格的布局是應(yīng)用程序開發(fā)時經(jīng)常使用的布局方式流式布局所有的元素總是默認的自動向左上角靠近，一般我們只會通過控制元素相對位置的；Auto自動，能自動調(diào)整Y軸的范圍，將整個直方圖顯示出來 Manual手動，需要在后面的“Max”選項中手動輸入Y軸標度的最大值，然后按“回車 鍵”確認比如，在此例中需要將“Max”值設(shè)為16032布局編輯器Layout中；默認的文字大小16px就是1em5響應(yīng)式布局 每個屏幕分辨率下面會有一個布局樣式，即元素位置和大小都會變，設(shè)計方法通常采用了媒體查詢+流式布局，使用@media媒體查詢給不同尺寸和介質(zhì)的設(shè)備切換不同的樣式為不同終端的；流式布局以百分比設(shè)定頁面寬度，當顯示區(qū)域變化時，頁面布局會等比的發(fā)生改變 流式布局強調(diào)的是適應(yīng)屏幕寬度的變化在實際應(yīng)用中，經(jīng)常是設(shè)置成寬度適應(yīng)，而高度不變當頁面變大時，頁面布局相當于被橫向拉寬了 彈性布局 彈性布局采用；流式布局的應(yīng)用是為了和媒體查詢完美地結(jié)合，形成平滑的布局變 化跳轉(zhuǎn)效果一般而言，media里的樣式多以widthpaddingmarginfontsizelineheight這些為主g 響應(yīng)式web設(shè)計之液態(tài)圖片要實現(xiàn)液態(tài)圖片，只需加入如下。

流式布局 元素的寬高用 百分比 做單位，元素寬高按屏幕分辨率調(diào)整，布局不發(fā)生變化屏幕尺度跨度過大的情況下，頁面不能正常顯示響應(yīng)式布局 采用自適應(yīng)布局和流式布局的綜合方式，為 不同屏幕分辨率范圍 創(chuàng)建 流式；優(yōu)點這種布局方式對設(shè)計師和CSS編寫者來說都是最簡單的，亦沒有兼容性問題缺點顯而易見，即不能根據(jù)用戶的屏幕尺寸做出不同的表現(xiàn)二流式布局LiquidLayout流式布局Liquid的特點也叫quotFluidquot是頁面元素；5 Foundation Foundation 是一款強大的，功能豐富的并且支持響應(yīng)式布局的前端開發(fā)框架，你可以通過Foundation快速創(chuàng)建原型，利用它所包含的大量布局框架，元素以及最優(yōu)范例快速創(chuàng)建在各種設(shè)備上可以正常運行的網(wǎng)站以及appFoundation。