首要要搞清楚目標項目的特性，主要看做成自適應的必要性、時間成本、復雜度。比如管理系統這一類強調功能的項目要做成自適應的必要性就不太高，因為一般移動端上不太會負載重量功能，所以將它完全移植到APP是不適宜的，也就沒有必要去處理過多的自適應問題。商城、論壇博客等一些交互性較強的項目就比較容易做成自適應的，頁面組成元素很容易規范，需要多端應用并且各個端數據高度同步，體驗要保證一致，這樣的項目采用自適應的開發方式也比較節約成本。
搞清楚項目的性質之后就可以去制定自適應的方案。比如是整體自適應還是局部自適應。像使用網格排版(好奇心日報)或列表排版(CNode)的頁面就可以用整體自適應布局方案，因為頁面所有的元素都是規格統一，變化少。如果是團隊項目這一步驟主要還是由產品和UI決定，除非產品允許多端可以做成一模一樣的效果，否則一般移動端相對PC多少都還是會有些變化的，也就是說可能要寫兩套樣式。
選擇自適應技術。主要來講有相對單位、媒體查詢、flex或grid。媒體查詢在復雜點的頁面組成元素布局自適應時其實是比較強大的，比如你在PC上有一個頂部導航欄，而在移動端上它需要折疊成一個隱藏的按鈕，類似這種有特殊屏幕要求的一般只能用媒體查詢來制定不同的樣式。元素單一的項目適合用后面兩種。按照自己的需求，可以混合使用這幾種技術?？傮w來講，頁面元素比較復雜多樣的項目一般采用混合型的，簡單的項目采用單一的布局。這一步就可以落實到樣式中，決定每一個元素的具體布局樣式。
                            

1、采用百分比或者采用flex布局2、字體采用em,rem3、頁面中模塊，都直接采用組件庫里面的，沒有再自己寫4、小圖標采用字體圖標，防止模糊不清5、圖片都采用兩倍或者三倍，具體看要求。如果有多套設計，采用多套圖，如果就一套設計，就直接采用兩倍圖。這個圖片的大小，就是UI的事了，一般的UI都知道。差不多就這些