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 相关文章推荐
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
Mar 04 Javascript
Javascript面向对象扩展库代码分享
Mar 27 Javascript
原生js写的放大镜效果
Aug 22 Javascript
file模式访问网页时iframe高度自适应解决方案
Jan 16 Javascript
用js实现trim()的解决办法
Apr 16 Javascript
图片Slider 带左右按钮的js示例
Aug 30 Javascript
当鼠标移动时出现特效的JQuery代码
Nov 08 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
Dec 13 Javascript
vue父子组件的嵌套的示例代码
Sep 08 Javascript
vue添加axios,并且指定baseurl的方法
Sep 19 Javascript
简单说说如何使用vue-router插件的方法
Apr 08 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下获取Discuz论坛登录用户名、用户组、用户ID等信息的实现代码
2010/12/29 PHP
ThinkPHP框架下微信支付功能总结踩坑笔记
2019/04/10 PHP
thinkPHP事务操作简单案例分析
2019/10/17 PHP
jQuery chili图片远处放大插件
2009/11/30 Javascript
ExtJS TabPanel beforeremove beforeclose使用说明
2010/03/31 Javascript
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
js控制鼠标事件移动及移出效果显示
2014/10/19 Javascript
javascript常用方法汇总
2014/12/02 Javascript
jQuery中closest()函数用法实例
2015/01/07 Javascript
jquery if条件语句的写法
2016/05/19 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
2016/08/01 Javascript
JS中用try catch对代码运行的性能影响分析
2016/12/26 Javascript
jquery对象与DOM对象转化
2017/02/08 Javascript
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
2017/09/06 jQuery
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
2018/08/17 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
利用python程序生成word和PDF文档的方法
2017/02/14 Python
python pandas dataframe 行列选择,切片操作方法
2018/04/10 Python
Django 根据数据模型models创建数据表的实例
2018/05/27 Python
python 简单照相机调用系统摄像头实现方法 pygame
2018/08/03 Python
Python实现针对json中某个关键字段进行排序操作示例
2018/12/25 Python
python基于socket进行端口转发实现后门隐藏的示例
2019/07/25 Python
python使用正则表达式(Regular Expression)方法超详细
2019/12/30 Python
Python如何访问字符串中的值
2020/02/09 Python
高考考python编程是真的吗
2020/07/20 Python
python各种excel写入方式的速度对比
2020/11/10 Python
HTML5 层的叠加的实现
2020/07/07 HTML / CSS
大学生个人求职信
2014/06/02 职场文书
创新社会管理心得体会
2014/09/12 职场文书
教师党员个人自我评价
2015/03/04 职场文书
员工自我评价范文
2015/03/11 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
MYSQL如何查看操作日志详解
2022/05/30 MySQL