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


Posted in Javascript onFebruary 25, 2016

本文实例讲述了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 相关文章推荐
JSON 编辑器实现代码
Dec 06 Javascript
Jquery刷新页面背景图片随机变换的实现方法
Mar 15 Javascript
javascript 得到文件后缀名的思路及实现
May 09 Javascript
js 获取input点选按钮的值的方法
Apr 14 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
Feb 05 Javascript
jQuery实现MSN中文网滑动Tab菜单效果代码
Sep 09 Javascript
原生Javascript插件开发实践
Jan 18 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 Javascript
轻松解决JavaScript定时器越走越快的问题
May 13 Javascript
JS正则表达式验证端口范围(0-65535)
Jan 06 Javascript
详解Vue template 如何支持多个根结点
Feb 10 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
Jul 15 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 #Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 #Javascript
原生javascript实现addClass,removeClass,hasClass函数
Feb 25 #Javascript
javascript随机抽取0-100之间不重复的10个数
Feb 25 #Javascript
JavaScript实现多种排序算法
Feb 24 #Javascript
JavaScript中的时间处理小结
Feb 24 #Javascript
JS设置cookie、读取cookie
Feb 24 #Javascript
You might like
php 静态化实现代码
2009/03/20 PHP
Yii框架中jquery表单验证插件用法示例
2016/10/18 PHP
php简单随机字符串生成方法示例
2017/04/19 PHP
贴一个在Mozilla中常用的Javascript代码
2007/01/09 Javascript
用JavaScript修改CSS属性的代码
2013/05/06 Javascript
使用jquery实现仿百度自动补全特效
2015/07/23 Javascript
JS获取当前脚本文件的绝对路径
2016/03/02 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
js和jquery中获取非行间样式
2017/05/05 jQuery
jQuery响应滚动条事件功能示例
2017/10/14 jQuery
打字效果动画的4种实现方法(超简单)
2017/10/18 Javascript
vue-cli配置环境变量的方法
2018/07/09 Javascript
学习node.js 断言的使用详解
2019/03/18 Javascript
Nodejs实现用户注册功能
2019/04/14 NodeJs
layui表单提交到后台自动封装到实体类的方法
2019/09/12 Javascript
[32:36]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第二场 12.12
2020/12/16 DOTA
python开启多个子进程并行运行的方法
2015/04/18 Python
实例讲解Python的函数闭包使用中应注意的问题
2016/06/20 Python
PyQt 线程类 QThread使用详解
2017/07/16 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
PyQT实现多窗口切换
2018/04/20 Python
详解python函数的闭包问题(内部函数与外部函数详述)
2019/05/17 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
浅析Python的命名空间与作用域
2020/11/25 Python
python 爬虫爬取京东ps4售卖情况
2020/12/18 Python
windeln官方海外旗舰店:德淘超人气母婴超市
2017/12/15 全球购物
Bibloo荷兰:女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
岗位职责怎么写
2014/03/14 职场文书
《画杨桃》教学反思
2014/04/13 职场文书
蛋糕店创业计划书
2014/05/06 职场文书
征兵宣传标语
2014/06/20 职场文书
三严三实学习心得体会
2014/10/13 职场文书
演讲比赛通讯稿
2015/07/18 职场文书
2015小学师德工作总结
2015/07/21 职场文书
互联网的下一个风口:新的独角兽将诞生
2019/08/02 职场文书
Python实现生活常识解答机器人
2021/06/28 Python