Js动态设置rem来实现移动端字体的自适应代码
更新时间：2016年10月14日 14:12:01 作者：Rankingblack
这篇文章主要介绍了Js动态设置rem来实现移动端字体的自适应代码，代码简单易懂非常不错，具有参考借鉴价值，需要的朋友可以参考下
下面一段代码给大家介绍了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来实现移动端字体的自适应代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
为什么用表单的方式就可以传递中文，而URL的方式就不行了呢？非得用URL传值的方式才能解决问题吗？这里我想到了动态表单，何不用它来解决呢2013-04-04
缓存对于前端页面来说，是加速页面加载的利器之一，但也同时带来了很多问题，这篇文章主要介绍了浅谈微信页面入口文件被缓存解决方案，感兴趣的小伙伴们可以参考一下2018-09-09
这篇文章主要介绍了小程序新版订阅消息模板消息，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
我们都知道车牌是有一定规律的，本文实现了微信小程序中实现车牌输入功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
这篇文章介绍了JavaScript中的字符串操作，有需要的朋友可以参考一下2013-11-11
一直都嫌下拉框这个html控件难看，之前弄了个<div><ul><li></li></ul></div>版的下拉框.2010-02-02
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发，CSS（Cascading Style Sheet）层叠样式表单，今天给大家分享css与javascript重难点，感兴趣的朋友一起看看吧2020-06-06
深入浅析JavaScript中的arguments对象(强力推荐)
这篇文章主要介绍了JavaScript中的arguments对象(强力推荐)的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
很多时候，需要对Yii表单model中的对象设置的rules进行判断，但是有的时候可能需要在提交之前就在客户端进行验证。怎么处理呢？接下来通过本文给大家分享yii form 表单提交之前JS在提交按钮的验证方法，需要的的朋友参考下2017-03-03
这篇文章主要介绍了js中的 || 与 && 运算符详解,需要的朋友可以参考下2018-05-05
最新评论