響應(yīng)式布局 采用自適應(yīng)布局和流式布局的綜合方式，為 不同屏幕分辨率范圍 創(chuàng)建 流式布局 彈性布局 要點(diǎn)在于使用 ltttem和rem單位lttt 來(lái)定義元素寬度，與流式布局有極大的相似性，但也有不同之處，主要區(qū)別在于。

流式布局Liquid的特點(diǎn)也叫quotFluidquot 是頁(yè)面元素的寬度按照屏幕分辨率進(jìn)行適配調(diào)整，但整體布局不變代表作柵欄系統(tǒng)網(wǎng)格系統(tǒng)網(wǎng)頁(yè)中主要的劃分區(qū)域的尺寸使用百分?jǐn)?shù)搭配min*max*屬性使用，例如，設(shè)置網(wǎng)頁(yè)。

固定像素大小的web頁(yè)面是匹配固定像素大小的顯示的最簡(jiǎn)單方法然而，這種方法不是一種完全兼容的方式來(lái)創(chuàng)建未來(lái)的web頁(yè)面我們需要一些方法來(lái)適應(yīng)未知的設(shè)備二流式布局 液體版面也稱為“流體”的特點(diǎn)是頁(yè)面元素的寬度。

確定響應(yīng)式web設(shè)計(jì)的應(yīng)用場(chǎng)景之后，和美工或設(shè)計(jì)師溝通，之前，一般需要美工出幾套主流移動(dòng)設(shè)備屏幕分辨率的設(shè)計(jì)圖，現(xiàn)在，使用流式布局以及rem等可以使用一套設(shè)計(jì)圖，以最常用的移動(dòng)設(shè)備屏幕分辨率為基準(zhǔn)2當(dāng)美工完成。