通常情況下，需要區(qū)分，具體需要看用戶網(wǎng)站方的需求可以采用響應(yīng)式布局的方式，取320640等斷點，用一套CSS兼容手機padPC等平臺如果說，需要兼容IE8，那么響應(yīng)式布局需要慎重選擇；#流式布局流式布局是指所有元素都默認(rèn)向左上角靠攏，通過調(diào)整元素相對位置來達(dá)到預(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)站時我們也要多加注意，仔細(xì)規(guī)劃，才能更。

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

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