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

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

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

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