移動端隨筆

標籤：function   www   word   ret   sel   listen   tle   代碼   load   

通過HTML5開發的APP，退出應用的代碼

　　plus.runtime.quit();

針對不同解析度計算font-size

　　監聽瀏覽器更改 html的font-size

(function (doc, win) {  var docEl = doc.documentElement,    resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘,    recalc = function () {      var clientWidth = docEl.clientWidth;      if (!clientWidth) return;      docEl.style.fontSize = 20 * (clientWidth / 320) + ‘px‘;    };  if (!doc.addEventListener) return;  win.addEventListener(resizeEvt, recalc, false);  doc.addEventListener(‘DOMContentLoaded‘, recalc, false);})(document, window);

js 處理響應式 px 轉換 rem

~ function(desW) {    var winW = document.documentElement.clientWidth;    if(winW > desW) {        var oMain = document.querySelector(".box");        oMain.style.margin = "0 auto";        oMain.style.width = desW + "px";        return;    }    document.documentElement.style.fontSize = winW / desW * 100 + "px";}(640);

線上 px 轉換 rem 工具地址：http://520ued.com/tools/rem

程式員線上工具

　　連結地址：http://www.ofmonkey.com/tools/front#rem

移動端隨筆