本文主要介绍了手机端转换rem适应的方法实例。具有很好的参考价值。下面跟着小编一起来看下吧
话不多说,请看代码:
<script>
(function() {
var changeRem = function() {
document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px';
};
changeRem();
var t;
window.addEventListener('resize', function() {
clearTimeout(t);
t = setTimeout(changeRem, 300);
}, false);
window.addEventListener('pageshow', function(e) {
if (e.persisted) {
clearTimeout(t);
t = setTimeout(changeRem, 300);
}
}, false);
}());
</script>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家! |