移动端字体设置问题

做移动雄姿英发难免会遇到这个问题，之前一直不知道怎么解决的，后来上网看到大神们都有自己的一套解决方法。果断借鉴过来，以便日后留作自己用。（ps:代码都是网上别的大神的杰作）。

废话不多说，直接上干货。

(function(doc, win) {
var docEl = doc.documentElement,
// orientationchange 事件是在用户水平或者垂直翻转设备（即方向发生变化）时触发的事件。
// onresize 事件会在窗口或框架被调整大小时发生。
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function() {
window.clientWidth = docEl.clientWidth;
if(!window.clientWidth) return;
docEl.style.fontSize = 40 * (window.clientWidth / 640) + 'px';
window.base = 40 * (window.clientWidth / 640);
};
if(!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
// DOMContentLoaded火狐特有的事件，DOM加载完后触发
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);

转载于:https://www.cnblogs.com/zhaodaijiang/p/6952967.html