手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS根据浏览器窗口大小实时动态改变网页文字大小的方法
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
摘要:本文实例讲述了JS根据浏览器窗口大小实时动态改变网页文字大小的方法。分享给大家供大家参考,具体如下:目前,有了css3的rem,给我们的移动...

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

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

代码如下:

<script> /* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */ function placeholderPic(){ var w = document.documentElement.offsetWidth; document.documentElement.style.fontSize=w/20+'px'; } placeholderPic(); window.onresize=function(){ placeholderPic(); } </script>

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

JavaScript压缩/格式化/加密工具:http://tools.jb51.net/code/jscompress

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

js的eval方法在线加密解密工具:http://tools.jb51.net/password/evalencode

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

【JS根据浏览器窗口大小实时动态改变网页文字大小的方法】相关文章:

js去除浏览器默认底图的方法

JavaScript中使用Math.PI圆周率属性的方法

JavaScript检查数字是否为整数或浮点数的方法

jquery实现动态改变div宽度和高度

JS实现定时自动关闭DIV层提示框的方法

js控制网页前进和后退的方法

JS选项卡动态替换banner图片路径的方法

JavaScript判断数组是否包含指定元素的方法

动态提示的下拉框

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

精品推荐
分类导航