export default function(win,px) {var remCalc = {};var docEl = win.document.documentElement,tid;function refreshRem() {// 獲取當(dāng)前窗口的寬度var width = docEl.getBoundingClientRect().width;// 大于1242px 按1242算if (width > px) {width = px;}var rem = (width / px) * 100; // cms 只要把這行改成 var rem = width /1242 * 100docEl.style.fontSize = rem + "px";remCalc.rem = rem;//誤差、兼容性處理var actualSize = parseFloat(window.getComputedStyle(document.documentElement)["font-size"]);if (actualSize !== rem &&actualSize > 0 &&Math.abs(actualSize - rem) > 1) {var remScaled = (rem * rem) / actualSize;docEl.style.fontSize = remScaled + "px";}}//函數(shù)節(jié)流，避免頻繁更新function dbcRefresh() {clearTimeout(tid);tid = setTimeout(refreshRem, 100);}//窗口更新動態(tài)改變font-sizewin.addEventListener("resize",function() {dbcRefresh();},false);//頁面顯示的時(shí)候再計(jì)算一次 難道切換窗口之后再切換來窗口大小會變?....win.addEventListener("pageshow",function(e) {if (e.persisted) {dbcRefresh();}},false);refreshRem();remCalc.refreshRem = refreshRem;remCalc.rem2px = function(d) {var val = parseFloat(d) * this.rem;if (typeof d === "string" && d.match(/rem$/)) {val += "px";}return val;};remCalc.px2rem = function(d) {var val = parseFloat(d) / this.rem;if (typeof d === "string" && d.match(/px$/)) {val += "rem";}return val;};win.remCalc = remCalc; }

總結(jié)

以上是生活随笔為你收集整理的设计稿---------的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。