Css 如何在不同分辨率之间切换类

如何更改不同屏幕分辨率下的类操作。 比如我有

<div class="on-big on-small"></div>

因此，例如，大的

会一直工作到
1024像素
，小的
会一直工作到
1024像素

我只是想将所有属性设置为
0
或
none
，比如布丁/边距等，或者使用！媒体查询ofc的重要属性。但我认为这是一种不好的方式，这将让你开始了解（移动优先）媒体查询的概念。“默认情况下”隐藏.on大容器，然后仅在分辨率超过1024像素时显示：

.在大屏幕上{显示：无}

@media (min-width: 1024px) {
 .on-big {display: block}
}

更详细地解释了这一点。
使用媒体查询。。下面是一个示例代码

<div class="md"></div>
@media (max-width:1024px) {
 .md{
 //do your thing for small devices
  }
}

@media (min-width: 1024px) {
 .md{
  //do your thing for big devices
  }
}


@介质（最大宽度：1024px）{
医学博士{
//为小型设备做你的事情
}
}
@介质（最小宽度：1024px）{
医学博士{
//为大型设备做你的事情
}
}
查找媒体查询