首页 > Web开发 > 详细

js 抓取屏幕宽度设置字体大小 rem

时间:2017-11-06 19:40:24      阅读:227      评论:0      收藏:0      [点我收藏+]

var doc = window.document
var docEl = doc.documentElement
var tid

function refreshRem () {
var width = docEl.getBoundingClientRect().width
if (width > 540) { // 最大宽度
width = 540
}
var rem = width / 7.5 // 将屏幕宽度分成750份,1份为1rem 375屏刚好0.5px
docEl.style.fontSize = rem + ‘px‘
}

window.addEventListener(‘resize‘, function () {
clearTimeout(tid)
tid = setTimeout(refreshRem, 300)
}, false)
window.addEventListener(‘pageshow‘, function (e) {
if (e.persisted) {
clearTimeout(tid)
tid = setTimeout(refreshRem, 300)
}
}, false)

refreshRem()

js 抓取屏幕宽度设置字体大小 rem

原文:http://www.cnblogs.com/adouwt/p/7794665.html

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