首页 > Web开发 > 详细

web 自适应

时间:2020-05-07 15:04:25      阅读:48      评论:0      收藏:0      [点我收藏+]
function resizeListener(){
      // 定义设计图的尺寸 1920
      let designSize = 1920;
      // 获取 html 元素
      let html = document.documentElement;
      // 定义窗口的宽度
      let clientW = html.clientWidth;
      let sizeNum = 100;
        if(clientW <= 1360){
          sizeNum = 130
        }else if(clientW <= 1400){
          sizeNum = 120
        }else if(clientW <= 1600){
          sizeNum = 110
        }
      // html 的fontsize 大小
      let htmlRem = clientW * sizeNum / designSize;
      html.style.fontSize = htmlRem + ‘px‘;
    }
    resizeListener();

  

web 自适应

原文:https://www.cnblogs.com/lyt598/p/12842793.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!