• 移动端rem布局屏幕适配插件(放js中便可使用)


    /*
      doc:不用管:document对象
      win:不用管:window对象
      design:注意:设计稿的尺寸/物理像素
    */
    (function (doc, win,design) {
    // alert(123)
    var docEl = doc.documentElement,
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function () {
    var clientWidth = docEl.clientWidth;
    if (!clientWidth) return;
    if(clientWidth>design){
    docEl.style.fontSize = 100 * (clientWidth / design) + 'px';
    }
    else if(clientWidth==design){
    docEl.style.fontSize = '100px';
    }else{
    docEl.style.fontSize = 100 * (clientWidth / design) + 'px';
    }
    };

    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window,375);

    /*
    window.onload = function() {
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 320 * 20 + 'px';
    window.onresize = function() {
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 320 * 20 + 'px';
    };
    };
    */
  • 相关阅读:
    金蝶VB插件开发,单据不满足条件,拒绝保存
    继承(子类构造执行的过程)
    Javascript基础(一)
    异常处理(一)
    File I/O(三)
    图片轮播
    java中的foreach循环
    File I/O(一)
    集合框架(三)
    集合框架(二)
  • 原文地址:https://www.cnblogs.com/shangjun6/p/10837208.html
Copyright © 2020-2023  润新知