首页 > html5 > JavaScript 响应式字体控制

JavaScript 响应式字体控制

发布-网页培训班 | 浏览量-

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数据

  • 作品
  • 素材
  • ued
  • 资源
  • 前端工程师
  • Asp网页培训班
  • jquery培训班
  • 北京网站制作
  • logo设计培训班
  • 做网站常用代码