我有一个场景，让我根据屏幕大小切换两个DIV的顺序在PC或宽屏浏览器我期待的内容应该是这样的
但在移动的屏幕或垂直布局显示器中应该是这样的
正如你所看到的，项目2的位置切换到顶部在较小的屏幕？如何在MUI中实现这一点？
f1tvaqid1#
您可以使用MUI V5中的order属性。以下是基于您提供的屏幕截图的示例：
order
<Grid container spacing={1}> <Grid item xs={12} md={8} order={{ xs: 2, md: 1 }}>item 1</Grid> <Grid item xs={12} md={4} order={{ xs: 1, md: 2 }}>item 2</Grid> </Grid>
1条答案
按热度按时间f1tvaqid1#
您可以使用MUI V5中的
order属性。以下是基于您提供的屏幕截图的示例：