首页 > 其他 > 详细

使用rem进行响应式布局

时间:2016-03-01 19:01:41      阅读:123      评论:0      收藏:0      [点我收藏+]

根据屏幕宽度,动态的去计算html根目录的font-size,来实现响应式rem的效果。

(function() {
var b = document.documentElement,
a = function() {
var a = b.getBoundingClientRect().width;
b.style.fontSize = .0625 * (640 <= a ? 640 : a) + "px"
},
c = null;
window.addEventListener("resize",
function() {
clearTimeout(c);
c = setTimeout(a, 300);
});
a()
})();

a();

 

使用rem进行响应式布局

原文:http://www.cnblogs.com/will-2008/p/5232068.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!