Html 屏幕最小化后更改网格的位置

我想问，当屏幕最小化时，是否可以更改网格位置

例如，常规布局如下所示

 _________    __________
|  First  |  |  Second  |
 ---------    ----------

 __________ 
|  Second  |
 ----------    
 __________ 
|   First  | 
 ----------

然后当屏幕最小化时，会是这样

 _________    __________
|  First  |  |  Second  |
 ---------    ----------

 __________ 
|  Second  |
 ----------    
 __________ 
|   First  | 
 ----------

---

我不知道是否能做到，但感谢您提前谈论媒体查询。你应该看看这里

第一
第二

使用引导程序4

另一个例子

您可以使用来实现这一点

body{padding top:5rem；}
.第一，.第二{
填充：1rem；
边框：实心1px灰色；
}

第二
第一

您可以使用

flex-box

和

order

我认为问题更多的是更改列的顺序，而不是堆叠它们。