雖然在網上也找到很多關於這個rem的自適應，但是還是要找合適自己的專案的，我這次也是找了乙個不太合適的，後來找了這個，所以我給大家分享一下，一般設計稿都是750*750的直接可以複製過去可以用 ，不過還得注意你們設計給的設計稿的寬高，專案中用的話寬高直接
/10px就行，輕鬆加愉快的用起來哈
直接上**哈
(function(designwidth, maxwidth) ';
}if (docel.firstelementchild) else
//要等 wiewport 設定好後才能執行 refreshrem，不然 refreshrem 會執行2次；
refreshrem();
win.addeventlistener("resize", function() , false);
win.addeventlistener("pageshow", function(e)
}, false);
if (doc.readystate === "complete") else , false);
}})(750, 750);
移動端h5框架自適應 移動h5自適應布局
轉 問題一，解析度resolution適配 不同螢幕寬度，html元素寬高比和字型大小，元素之間的距離自適應，使用rem單位。問題二，單位英吋畫素數ppi適配 使用rem單位，文字會發虛。段落文字，使用px單位，用media query或js來適配。標題文字可以直接使用rem單位。問題三，裝置畫素比...
H5移動端 移動端布局及適配（rem）
首先清除一下預設樣式，這個基本上所有寫h5的都通用 a,input,button input,button body body body h1 a ul img html,body現在我們看看如何使用rem解決適配問題 rem vs em rem的r代表root rem 是相對根節點的字型大小進行計...
h5移動端適配
原理 postcss function 視覺稿的1 10 在index.html中指定 font size為document寬度的1 10 iphonex 的解析度 2436 1125 pt 812 375 dpr 3 iphonexr的解析度 1792 828 pt 896 414 dpr 3 i...