动态监听游览器宽度变化

cang12345

已于 2022-03-28 11:53:30 修改

阅读量436

点赞数

分类专栏： vue 文章标签： css css3 前端

于 2022-03-25 15:53:40 首次发布

本文链接：https://blog.csdn.net/m0_46829927/article/details/123737926

版权

vue 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

// 当屏幕宽度发生变化的时候，会执行如下的方法

window.onresize = () => {
  return (() => {
    console.log("222 ------------- ", document.body.clientWidth)
  })();
};

// 当屏幕宽度发生变化的时候，会执行如下的方法

window.onresize = () => {
  return (() => {
    if (document.body.clientWidth > 1340) {
      document.getElementById("home").classList.remove('home_1100')
      document.getElementById("home").classList.add('home')
    } else {
      document.getElementById("home").classList.add('home_1100')
      document.getElementById("home").classList.remove('home')
    }
  })();
};