首页 > 开发 > JS > 正文

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

2024-05-06 16:29:13

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了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>

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：你所未知的3种Node.js代码优化方式

下一篇：Node.js编写组件的三种实现方式