<上一条:JS三元运算符
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数据
或许你还对下面的文章感兴趣