zoukankan      html  css  js  c++  java
  • 设置根字体的js代码

    移动端会经常涉及到用rem来布局,所以设置根字体很重要。下面是设置根字体的js代码,仅供参考!

     1 (function (doc, win) {
     2     var docEl = doc.documentElement,
     3         resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
     4         recalc = function () {
     5             var clientWidth = docEl.clientWidth;
     6             if (!clientWidth) return;
     7             if(clientWidth>=640){
     8                 docEl.style.fontSize = '100px';
     9             }else{
    10                 docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';//640是设计图宽度,现在好像都是750了。
    11             }
    12         };
    13 
    14     if (!doc.addEventListener) return;
    15     win.addEventListener(resizeEvt, recalc, false);
    16     doc.addEventListener('DOMContentLoaded', recalc, false);
    17 })(document, window);

    望各位大神指正!

  • 相关阅读:
    反序列化
    反序列化使用
    Serializer序列器
    DRF工程搭建
    JDK目录介绍
    Java环境变量配置
    Java语言的特性
    Java语言概述
    计算机编程语言介绍
    软件开发介绍
  • 原文地址:https://www.cnblogs.com/way-u/p/5724392.html
Copyright © 2011-2022 走看看