移動端的頁面怎麼來做？

標籤：

響應式布局開發->手機適配->一套頁面在不同型號的手機上都能得到很好的體現
    1、流式布局：
    ->寬度不適應，自適應，或者用百分比設定
    ->高度、字型等都寫成固定的值
    ->然後再通過@media(媒體查詢)，根據不同尺寸的螢幕進行靈活的調整--2014年響應式布局思想

    2、固定式布局：(這種方式已經沒人用了)
    ->設定最大的寬度值，如果螢幕的寬度超過了最大寬度，讓頁面在中間顯示，兩邊留白

    3、縮放式布局：(目前做情境切換頁面--常用)
    ->按照設計稿的寬高以及螢幕的寬高，我們設計出一套最適合頁面縮放的比例
    ->布局的時候嚴格按照設計稿的尺寸進行布局
    ->然後再安裝比例整體的給頁面中所有的內容進行縮放

    4、FLEX(CSS3屬性->在移動端的相容不是特別好)/BOOTSTRAP(移動端架構)柵欄布局

    5、REM布局(我們目前做webApp最常用的布局思想)
    ->我們設定一個根值
    ->然後我們設定的樣式值都是按照根值算出對應REM值
    ->隨著頁面的大小變化，瀏覽器會自己跟著變化

移動端的頁面怎麼來做？