重置CSS值在媒体查询断点上（调整窗口大小或方向更改）

重置CSS值在媒体查询断点上的解决方法可以使用CSS的媒体查询和CSS变量来实现。以下是一个示例代码：

HTML代码：

<div class="box">Content</div>

CSS代码：

/* 设置默认的CSS属性值 */
.box {
  background-color: blue;
  color: white;
  padding: 10px;
}

/* 在媒体查询断点上重置CSS属性值 */
@media (max-width: 768px) {
  :root {
    --box-bg-color: red;
    --box-text-color: black;
    --box-padding: 5px;
  }
  
  .box {
    background-color: var(--box-bg-color);
    color: var(--box-text-color);
    padding: var(--box-padding);
  }
}

在以上示例中，我们在默认的CSS样式中设置了.box类的背景颜色为蓝色，文本颜色为白色，内边距为10像素。然后，在媒体查询断点(max-width: 768px)上，我们使用CSS变量重置了这些属性值。我们将背景颜色设置为红色，文本颜色设置为黑色，内边距设置为5像素。

这样，当窗口大小缩小到768像素或更小时，.box类的背景颜色、文本颜色和内边距都会根据媒体查询断点上的新值进行重置。这样就实现了在媒体查询断点上重置CSS值的效果。