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);

  • 相关阅读:
    loopback 03
    loopback 02
    loopback 01
    node.js整理 02文件操作-常用API
    node.js整理 01代码的组织和部署
    express-21 静态内容
    coffeeScript学习02
    coffeeScript学习01
    jade学习02
    Android 读取Assets中资源
  • 原文地址:https://www.cnblogs.com/studyh5/p/7866780.html
Copyright © 2011-2022 走看看