移動端 目前發現最好用的rem JS計算

2022-08-20 02:21:14 字數 1159 閱讀 1563

//

designwidth:設計稿的實際寬度值,需要根據實際設定

//maxwidth:製作稿的最大寬度值,需要根據實際設定

//這段js的最後面有兩個引數記得要設定,乙個為設計稿實際寬度,乙個為製作稿最大寬度,例如設計稿為750,最大寬度為750,則為(750,750)

(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);

使用方法:·

1.複製上面這段**到你的頁面的頭部的script標籤的最前面。

2.根據設計稿大小,調整裡面的最後兩個引數值。

3.使用1rem=100px轉換你的設計稿的畫素,例如設計稿上某個塊是100px*300px,換算成rem則為1rem*3rem。

該**版本區別於手淘的rem換算方法。使用的是1rem=100px的換算。

假如你有乙個塊是.box 轉為rem則為.box

我自己在用的rem:

function

setsize()

if (!document.addeventlistener) return

; window.addeventlistener(rsz, rszcal,

false

); document.addeventlistener('domcontentloaded', rszcal, false);}

new setsize();

KUL目前發現的bug

bug1.stack與tabctrl控制項巢狀bug.bug2.全域性資料繫結不支援中文。bug3.js函式自動完成和kul外掛程式 外掛程式不能用虛擬路徑,要用真實路徑。bug4.js擴充套件中namespace命名中不能有 bug5.檢視ctrl shift n函式提示時,要在執行unit時才能...

MapGuide目前發展的一些缺點

就目前看來 mapguide 現在至少屬於停滯期,二維平面和簡易的三維效果已經不能滿足三維設計的普及,與 autodesk bim 推廣的一些理念也是相違背的 目前的缺點 1 mapguide 開發的初衷是二維向量資料的發布,而在實際開發中側重的多是資料的可互動性,其資料互動功能上是有所欠缺的。2 ...

目前發展醫療物聯網的困境解析

據國外 報導,2016 2017年間醫療物聯網 iomt 網路聯機成長11 落後其他四大主要產業 製造業 84 能源 公用事業 41 運輸 配銷 40 和智慧型城市 小區 19 verizon enterprise solutions的全球醫療事業開發與策略執行主管nancy green認為,限制醫...