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

js改变html font-size 大小

2017-10-16 10:18 375 查看
var App = function () {
/*
*根据屏幕大小 改变字体大小
*/
var fontSizerecalc = function () {
var docEl = document.documentElement,
// 手机旋转事件,大部分手机浏览器都支持 onorientationchange 如果不支持,可以使用原始的 resize
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
//clientWidth: 获取对象可见内容的宽度,不包括滚动条,不包括边框
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 12 * (clientWidth / 320) + 'px';
};

recalc();
//判断是否支持监听事件 ,不支持则停止
if (!document.addEventListener) return;
//注册翻转事件
window.addEventListener(resizeEvt, recalc, false);
};

return {
init: function (options) {
fontSizerecalc();
}
}
}();
Zepto(function ($) {
App.init();
});


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: