rem（font size of the root element）是指相對於根元素（即html元素）的字型大小的單位。
假設根元素的字型大小是10px, 則5rem的大小為 5*10=50px,例如
html
p
//designwidth:設計稿的實際寬度值，需要根據實際設定
//maxwidth:製作稿的最大寬度值，需要根據實際設定
//這段js的最後面有兩個引數記得要設定，乙個為設計稿實際寬度，乙個為製作稿最大寬度，例如設計稿為750，最大寬度為750，則為(750,750)
//設計稿為720px 1rem為40px
//寬度為360px 1rem為20px
(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);
}})(720, 720);
移動端rem適配
3 使用js 將設計圖劃分為10等份或者15等份。新建common.less檔案，這是乙個專門來適配的檔案。我們大概可以寫如下的檔案 設定常見的螢幕尺寸 修改裡面的html文字大小 a 一定要寫到最上面 html 我們此次定義的劃分的份數 為 15 no 15 320 media screen an...
移動端rem適配
前端在開發移動端頁面時，通常會使用rem對不同解析度的 螢幕進行適配，以達到更好的視覺效果。直接貼上 複製可用。一 function doc,win 乘以100，px rem 100 1 docel.style.fontsize 100 width uidpr px recalc if doc.ad...
移動端適配rem
p.p1 p.p2 p.p3 p.p4 p.p5 span.s1 span.s2 span.s3 span.s4 span.s5 span.s6 span.s7 span.s8 span.s9 span.s10 span.s11 span.s12 現在前端大多數是用rem 布局，獲取視窗的寬除以 乙...