Js动态设置rem来实现移动端字体的自适应代码


Posted in Javascript onOctober 14, 2016

下面一段代码给大家介绍了Js动态设置rem来实现移动端字体的自适应,以此做个记录,方便以后需要,感兴趣的朋友一起看看吧。

具体代码如下所示:

//设置根元素字体
var win = window,
doc = document;
function setFontSize() {
var winWidth = $(window).width();


//750这个数字是根据你的设计图的实际大小来的,所以值具体根据设计图的大小

var size = (winWidth / 750) * 100;

doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px';
};
//这里我们给个定时器来实现页面加载完毕再进行字体设置
setTimeout(function() {

//初始化

setFontSize();
}, 100);

以上所述是小编给大家介绍的Js动态设置rem来实现移动端字体的自适应代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Js切换功能的简单方法
Nov 23 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
Apr 18 Javascript
js清除input中type等于file的值域(示例代码)
Dec 24 Javascript
jquery操作select大全
Apr 25 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
May 08 Javascript
jQuery学习笔记之2个小技巧
Jan 19 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
详解webpack + vue + node 打造单页面(入门篇)
Sep 23 Javascript
vue双向绑定数据限制长度的方法
Nov 04 Javascript
vue递归获取父元素的元素实例
Aug 07 Javascript
一文搞懂redux在react中的初步用法
Jun 09 Javascript
浅谈JavaScript浅拷贝和深拷贝
Nov 07 Javascript
JS动态计算移动端rem的解决方案
Oct 14 #Javascript
javascript对浅拷贝和深拷贝的详解
Oct 14 #Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 #Javascript
第一次接触神奇的Bootstrap
Oct 14 #Javascript
js仿手机页面文件下拉刷新效果
Oct 14 #Javascript
前端js实现文件的断点续传 后端PHP文件接收
Oct 14 #Javascript
js关于getImageData跨域问题的解决方法
Oct 14 #Javascript
You might like
php中判断一个字符串包含另一个字符串的方法
2007/03/19 PHP
php实现的ping端口函数实例
2014/11/12 PHP
Zend Framework教程之连接数据库并执行增删查的方法(附demo源码下载)
2016/03/21 PHP
php递归函数怎么用才有效
2018/02/24 PHP
php 字符串中是否包含指定字符串的多种方法
2018/04/12 PHP
php代码调试利器firephp安装与使用方法分析
2018/08/21 PHP
利用javascript中的call实现继承
2007/01/22 Javascript
js对象关系图 方便dom操作
2012/03/18 Javascript
JQuery切换显示的效果实例代码
2013/02/27 Javascript
jQuery实现简单的间隔向上滚动效果
2015/03/09 Javascript
原生js封装二级城市下拉列表的实现代码
2016/06/16 Javascript
对js eval()函数的一些见解
2016/08/15 Javascript
JavaScript 闭包详细介绍
2016/09/28 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
2016/11/05 Javascript
JavaScript中for循环的几种写法与效率总结
2017/02/03 Javascript
详解webpack分离css单独打包
2017/06/21 Javascript
JavaScript中严格判断NaN的方法
2018/02/16 Javascript
原生JS实现留言板
2020/03/26 Javascript
JS删除数组指定值常用方法详解
2020/06/04 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
利用Python实现微信找房机器人实例教程
2019/03/10 Python
python中列表的切片与修改知识点总结
2019/07/23 Python
Python使用import导入本地脚本及导入模块的技巧总结
2019/08/07 Python
pycharm 实现本地写代码,服务器运行的操作
2020/06/08 Python
Python实现JS解密并爬取某音漫客网站
2020/10/23 Python
Python3 用什么IDE开发工具比较好
2020/11/28 Python
吃透移动端 1px的具体用法
2019/12/16 HTML / CSS
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
程序员经常用到的UNIX命令
2015/04/13 面试题
授权委托书范本(单位)
2014/09/28 职场文书
2015年银行个人工作总结
2015/05/14 职场文书
聘任书范文大全
2015/09/21 职场文书
小学四年级班主任工作经验交流材料
2015/11/02 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server
用Python简陋模拟n阶魔方
2021/04/17 Python
Nginx location 和 proxy_pass路径配置问题小结
2021/09/04 Servers