自適應：需要開發多套介面，通過檢測視口解析度，請求伺服器，返回不同的頁面

         1.可表現為：

          非同一終端，通過伺服器端處理，當你PC端訪問移動端網站（在移動端網站做navigator瀏覽器物件處理）時，會返回PC端相應頁面；           移動端訪問PC端頁面（在PC端網站做navigator瀏覽器物件處理）時，會自動返回移動端相應頁面           其實訪問的是兩個域名（也就是兩個網站，當然也就是兩套CSS）;

          同一終端，展現樣式一樣，無變化；如PC端開啟 m.taobao.com ，F12，無論手機模式下，            還是非手機模式下展現給使用者的樣式都是一樣

          2.優點：相容性更大，程式碼更高效。

          3.缺點：當需求改變時，可能要改動多套程式碼。 

響應式：一個頁面一套CSS（處理了多種解析度下的不同情況），根據不同的螢幕解析度，載入不同解析度下的的CSS,針對不同客戶端在客戶端做程式碼處理，來展現不同的佈局和內容，如 商湯科技等https://www.sensetime.com/。

  1.表現為：

            無論是PC端還是移動端訪問的都是一個頁面，只是展現了不同的頁面樣式；

2.優點：面對不同解析度裝置靈活性強；

            3.缺點：  適用於簡單的門戶型網站。相容的各種裝置的工作量大，效率低；程式碼累贅，會出現隱藏元素，載入時間長。折中的設計解決方案。

           無論PC端還是移動端訪問的都是一個域名（一個網站）