如何在材料ui上设置所有断点?

问题描述 投票:0回答:1

我正在研究材料-ui并想知道我是否可以立即设置所有断点。

下面的代码看起来很冗余。有一个简单的方法吗?

<Grid xs={12} sm={12} md={12} lg={12} xl={12}>

    </Grid>
css reactjs material-ui
1个回答
0
投票

在material-ui中,使用的断点匹配定义的屏幕大小或更大。

每个断点都与固定的屏幕宽度匹配

  • xs,extra-small:0px或更大
  • sm,小:600px或更大
  • md,中等:960px或更大
  • lg,大:1280px或更大
  • xl,超大:1920px或更大

https://material-ui.com/layout/breakpoints/

如果你想要定位每个断点,只需指定xs大小就可以了。

© www.soinside.com 2019 - 2024. All rights reserved.