zoukankan      html  css  js  c++  java
  • 移动端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';
    };
    };
    */
  • 相关阅读:
    个人作业-数组3
    Java编程思想
    19年春第三周学习
    个人作业-数组2
    自我介绍
    个人作业-数组
    19春第二周学习心得
    fiddler--华为手机下载安装fiddler证书
    RF接口测试----post请求
    RF接口测试----get请求
  • 原文地址:https://www.cnblogs.com/shangjun6/p/10837208.html
Copyright © 2011-2022 走看看