html 页面动态调整大小,JS根据浏览器窗口大小实时动态改变网页文字大小的方法...

本文实例讲述了JS根据浏览器窗口大小实时动态改变网页文字大小的方法。分享给大家供大家参考，具体如下：

目前，有了css3的rem，给我们的移动端开发带来了前所未有的改变，使得我们的开发更容易，更易兼容很多设备，但这个不在本文讨论的重点中，本文重点说说如何使用js来实时改变网页文字的大小。

代码如下：

/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */

function placeholderPic(){

var w = document.documentElement.offsetWidth;

document.documentElement.style.fontSize=w/20+'px';

}

placeholderPic();

window.οnresize=function(){

placeholderPic();

}

PS：这里再为大家推荐一款非常好用的JavaScript压缩、格式化与加密工具，功能非常强大：

上面这款js工具中的加密功能可实现js代码的eval函数加密形式，对此本站还提供了如下这款针对eval函数加密的解密工具，非常强大实用！

希望本文所述对大家JavaScript程序设计有所帮助。