小编use*_*882的帖子

每当浏览器缩小时，我都会遇到网格项的堆叠顺序问题。

这是我希望在普通桌面屏幕上显示的内容lg：

---------------------------------------------
|   col 1     |         col 2       | col 3 |
---------------------------------------------

但是在缩小浏览器后，我得到以下结果：

-------------------------
|     col 1             |
-------------------------
-------------------------
|     col 2             |
-------------------------
-------------------------
|     col 3             |
-------------------------

我可以使用材料ui Grid布局在移动屏幕上实现此功能：

-------------------------
|     col 1             |
-------------------------
-------------------------
|     col 3             |
-------------------------
-------------------------
|     col 2             |
-------------------------

我已经阅读了有关更改同一主题的CSS网格顺序的文章，但是如何使用material-ui Grid布局实现此目的。