1.利用meta的viewport做適配
在裡面加乙個script的處理
然後css的寫法就是按照正常量到的設計稿尺寸就可以了，單位為px
2.利用 手淘+rem+less 做適配 less編譯成css，頁面只需要引入css就可以了，
引入檔案（1）flexible.js （2）less編譯後的css檔案
index.less檔案--->
@rembase :75;
@rem: round(1 / @rembase, 6) * 1rem;
div{
width:500*@rem;
height：200*@rem
移動端適配
js適配方案 function resizefun else body removeclass hightscreen shortscreen portrait var ratio window width window height if screenstate portrait else if ...
移動端適配
不論裝置寬度是多少，統一把布局視口設定成設計稿的寬度。假設設計稿寬度是375px。不管螢幕多大，都看作375px。width只能改變布局視口，不能改變視覺視口。定義設計稿的寬度 計算當前裝置的寬度document.documentelement.offsetwidth scale 裝置寬度 設計搞寬...
移動端適配
無法對1px邊框的問題進行處理 裝置畫素比的問題 採用rem,px單位進行適配 使用js動態的計算當前的rem單位取值。即 1 rem px 假如設計稿的寬度為 750px 元素測量得到的寬度為 100px 那麼在視口寬度為 375px下 元素的寬度就變為 50 px 元素寬度從 px 單位轉為 r...