首页/html5前端开发/JavaScript 响应式字体控制

JavaScript 响应式字体控制

发布-xiaoming | 浏览量-

html5手机端响应式设置字体,其他字体根据rem控制 

/*

 * @desc 根据屏幕宽度适配font-size
*/
 
(function(win, doc){
    'use strict';
    
    var docElem = doc.documentElement,
        eventName = 'orientationchange' in win ? 'orientationchange' : 'resize',
        // 基准值:font-size:62.5%,屏幕宽度320px
        base = {
            size: 62.5,
            width: 320
        },
        handler = function(){
            docElem.style.fontSize = docElem.clientWidth / base.width * base.size + '%';
        };
 
    handler();
    win.addEventListener(eventName, handler, false);
})(window, document);

原文地址:http://www.35ui.cn/post/20150716778.html

标签响应式javascript

上一条: JS三元运算符
下一条: jquery的ajax和getJson跨域获取json数据

或许你还对下面的文章感兴趣