zoukankan      html  css  js  c++  java
  • 自适应的Javascript代码resize.js

    (function (doc, win) {
    var docEl = doc.documentElement,
    // orientationchange 当设备的方向变化(设备横向持或纵向)此事件被触发
    //判断窗口有没有orientationchange这个方法,有就赋值给一个变量,没有就返回resize方法。
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function () {
    var clientWidth = docEl.clientWidth;
    //clientWidth:对象内容的可视区的宽度,不包滚动条等边线
    if (!clientWidth) return;
    //把document的fontSize大小设置成跟窗口成一定比例的大小
    if(clientWidth>=750){
    docEl.style.fontSize = '100px';
    }else{
    docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
    }
    };

    if (!doc.addEventListener) return; //DOMContentLoaded是firefox下特有的Event, 当所有DOM解析完以后会触发这个事件。
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);

  • 相关阅读:
    学习进度第三周
    四则运算3
    学习进度第二周
    单元测试
    四则运算2
    学习进度第一周
    四则运算1
    构建之法阅读笔记01
    linux: 讨论一下网络字节序--------大端与小端的差别
    linux编程:线程条件同步
  • 原文地址:https://www.cnblogs.com/studyh5/p/7866780.html
Copyright © 2011-2022 走看看