路过

针对不同分辨率计算font-size

(function() {
var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var fontSize = Math.min(w, h)/32;
if(fontSize > 16) {
fontSize = 16;
}
document.getElementsByTagName('html')[0].setAttribute("style", "font-size:" + fontSize + "px");
}());

方法二:

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

if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);



评论