JS根据浏览器窗口大小实时动态改变网页文字大小的方法
更新时间：2016年02月25日 09:23:11 作者：小坏
这篇文章主要介绍了JS根据浏览器窗口大小实时动态改变网页文字大小的方法,涉及JavaScript针对页面宽高的动态获取与元素样式动态运算的相关技巧,需要的朋友可以参考下
本文实例讲述了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相关内容感兴趣的读者可查看本站专题：《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- 基于JS判断iframe是否加载成功的方法(多种浏览器）
- JavaScript编写检测用户所使用的浏览器的代码示例
- js根据手机客户端浏览器类型，判断跳转官网/手机网站多个实例代码
- JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
- 详解javascript跨浏览器事件处理程序
- js事件处理程序跨浏览器解决方案
- Js与Jq获取浏览器和对象值的方法
- 浏览器检测JS代码(兼容目前各大主流浏览器)
- 基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
- 浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
- 浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
- js阻止浏览器默认行为的简单实例
相关文章
这篇文章主要介绍了js函数和this用法,结合实例形式分析了js函数和this基本功能、原理、使用方法与操作注意事项,需要的朋友可以参考下2020-03-03
Selenium执行Javascript脚本参数及返回值过程详解
这篇文章主要介绍了Selenium执行Javascript脚本参数及返回值过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-04-04
今天小编就为大家分享一篇layui实现二维码弹窗、并下载到本地的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
注意 JavaScript 中 RegExp 对象的 test 方法
注意 JavaScript 中 RegExp 对象的 test 方法...2007-01-01
Bootstrap导航菜单点击后无法自动添加active的处理方法
今天小编就为大家分享一篇Bootstrap导航菜单点击后无法自动添加active的处理方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
在IE7、IE8中，使用JavaScript提供的close()方法都可以关闭当前窗口或标签，但都提示讨厌的对话框，找了下代码，终于可以无提示直接关闭了。2009-08-08
这篇文章主要介绍了关于JavaScript中的数组方法和循环，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要给大家介绍了关于es6中比较有用的7个技巧，文中通过示例代码介绍的非常详细，对大家学习或者使用es6具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-07-07
这篇文章主要给大家介绍了关于js实现简单的点名器随机色的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
这篇文章主要介绍了js判断鼠标左、中、右键哪个被点击的方法,主要通过event.button事件来判断鼠标点击的类型,需要的朋友可以参考下2015-01-01
最新评论