源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JS根据浏览器窗口大小实时动态改变网页文字大小的方法

  • 时间:2020-10-28 21:47 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS根据浏览器窗口大小实时动态改变网页文字大小的方法
本文实例讲述了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>

[b]PS:[/b][b]这里再为大家推荐一款非常好用的JavaScript压缩、格式化与加密工具,功能非常强大:[/b] [b]JavaScript压缩/格式化/加密工具:[/b][url=http://tools.jb51.net/code/jscompress]http://tools.jb51.net/code/jscompress[/url] [b]上面这款js工具中的加密功能可实现js代码的eval函数加密形式,对此本站还提供了如下这款针对eval函数加密的解密工具,非常强大实用![/b] [b]js的eval方法在线加密解密工具[/b]:[url=http://tools.jb51.net/password/evalencode]http://tools.jb51.net/password/evalencode[/url] 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《[url=http://www.1sucai.cn/Special/472.htm]JavaScript查找算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/462.htm]JavaScript动画特效与技巧汇总[/url]》、《[url=http://www.1sucai.cn/Special/439.htm]JavaScript错误与调试技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/297.htm]JavaScript数据结构与算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/281.htm]JavaScript遍历算法与技巧总结[/url]》及《[url=http://www.1sucai.cn/Special/119.htm]JavaScript数学运算用法总结[/url]》 希望本文所述对大家JavaScript程序设计有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部