您的位置:首页 > Web前端 > JavaScript

js根据手机屏幕宽度自动设置字体大小

2017-07-18 16:03 369 查看
(function(doc,win){
var docEl = doc.documentElement,  //文档根标签
resizeEvent =  'orientationchange' in window ? 'orientationchang' :'resize'; //viewport变化事件源
var rescale = function(){
//重置方法
win.clientWidth = docEl.clientWidth;
if (!win.clientWidth) return;
// 改变DOM根节点fontSize大小的值;
// (屏幕宽度/设计图宽度) = 缩放或扩大的比例值;
docEl.style.fontSize = 40 * (win.clientWidth / 750) + 'px';
}
if (!doc.addEventListener) return;
win.addEventListener(resizeEvent, rescale, false);
doc.addEventListener('DOMContentLoaded', rescale, false);
})(document, window);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: