zoukankan      html  css  js  c++  java
  • 学习web前端技术的笔记,仅供自己查阅备忘,移动对font-size的控制(并非原创)

    假设根字体font-size的值是40px, 640/40=16,16就是px换算rem的值

    function initHtmlFontSize(){

      //获取可可视屏幕的宽度

      var _width=document.body.clientWidth;

      //判断

      _width= _width > 640 ? 640:_width;

      //当前的font-size的值

      var _fs=_width/16;

         //赋给html节点

      document.getElementsByTagName('html')[0].style.fontSize=_fs + 'px';

    }

    initHtmlFontSize()

    经过@天桥残局的优化顿时有深度有高度局长daio,上代码:

    !(function(doc, win) {
    var docEle = doc.documentElement,
    evt = "onorientationchange" in window ? "orientationchange" : "resize",
    fn = function() {
    var width = docEle.clientWidth;
    width && (docEle.style.fontSize = doc.documentElement.clientWidth/16 + "px");
    };

    win.addEventListener(evt, fn, false);
    doc.addEventListener("DOMContentLoaded", fn, false);

    }(document, window));
  • 相关阅读:
    进程
    并发编程小结
    操作系统发展史
    基于socketsever实现并发的socket编程
    UDP套接字
    粘包问题及解决
    socket套接字编程
    TCP协议与三次握手四次挥手
    OSI七层协议
    互联网的组成
  • 原文地址:https://www.cnblogs.com/opcec/p/5430186.html
Copyright © 2011-2022 走看看