如何使用媒体查询重新排序HTML？

当我改变我的视口然后我想div_1留在div_2.基本上div_1在顶部.但我希望通过媒体查询进行更改.可以吗??

使用flexbox及其order财产

我推荐一个.wrapper,虽然你也可以使用它,body并获得相同的结果

@media screen and (max-width: 800px) {
  .wrapper {
    display: flex;
    flex-direction: column;
  }
  .wrapper div:first-child {
    order: 1;
  }
}

  
1
  
2