（1）Media Query
  Media Query的主要作用是根據(jù)不同的分辨率去調(diào)整一些不同的樣式。由于目前主流的移動(dòng)設(shè)備都基于ios和Android，這兩者的自帶瀏覽器都是webkit內(nèi)核，因此我們可以使用viewport屬性和Media Query技術(shù)實(shí)現(xiàn)響應(yīng)式網(wǎng)頁(yè)。通過(guò)這一方法，我們能實(shí)現(xiàn)讓基準(zhǔn)字號(hào)font-size在不同分辨率下顯示不一樣的內(nèi)容。
   （2）Fluid grid
  Fluid grid也稱(chēng)流體布局，就是在PC端實(shí)現(xiàn)的基礎(chǔ)上將一些元素的狂傲由固定調(diào)整為彈性制的百分比或是字體比例等。使用Fluid grid的網(wǎng)站能夠根據(jù)屏幕寬度自動(dòng)調(diào)整頁(yè)面中每列的寬度，從而保證頁(yè)面始終處于完整展現(xiàn)的狀態(tài)，并且實(shí)現(xiàn)原有的基本功能。
  （3）Flex box
  Flex box是CSS3新添加的一種模型屬性，它的出現(xiàn)有力的打破了我們常常使用的浮動(dòng)布局、實(shí)現(xiàn)垂直等高、水平均分、按比例劃分，可以實(shí)現(xiàn)許多我們之前做不到的自適應(yīng)布局。如果你希望網(wǎng)站能以webapp的外觀呈現(xiàn)在手機(jī)用戶(hù)面前，那么，F(xiàn)lex box就是個(gè)不錯(cuò)的方式。Flex box和APP的結(jié)構(gòu)很類(lèi)似，頭部底部全部固定，而中間部分的高度實(shí)現(xiàn)自適應(yīng)。