zoukankan      html  css  js  c++  java
  • rem适配

    // 初始化
    setHtmlFontSize(1920,1024,19.2);
    // 当屏幕宽度发生变化时,触发
    if(window.addEventListener){
      window.addEventListener('resize',function(){
        setHtmlFontSize(1920,1024,19.2);
      },false);
    }
    /**
     * 
     * @param {*} maxWidth 最大宽度
     * @param {*} minWidth 最小宽度
     * @param {*} piex 适配比例
     */
    function setHtmlFontSize(maxWidth,minWidth,piex) {
      var screenWidth = document.documentElement.clientWidth,
          deviceWidth;
      if(screenWidth >= 1500){
        deviceWidth = maxWidth;
      }else if(screenWidth < minWidth){
        deviceWidth = minWidth;
      }else {
        deviceWidth = screenWidth;
      }
      document.getElementsByTagName("html")[0].style.cssText = 'font-size:' + deviceWidth / piex + 'px !important';
    }
    

    这个是pc端的rem适配,移动端也可以使用,只不过在参数maxWidth,he minWidth以及piex做调整即可

  • 相关阅读:
    schema的详解
    递归删除文件
    如何写一个schema文件
    如何写一个dtd文件
    WebService随笔记录
    文件分割
    三级数据显示
    数据库锁表查询及解除方法
    list分页
    JXLS模板导出多个sheet文件
  • 原文地址:https://www.cnblogs.com/sqh17/p/11315417.html
Copyright © 2011-2022 走看看