js改变html font-size 大小

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();
    });

  

posted @ 2017-10-16 10:18  sunniejs  阅读(875)  评论(0编辑  收藏  举报