如何在材质ui上设置所有断点？

Question

我正在研究material-ui，想知道我是否可以一次设置所有断点。

下面的代码看起来很多余。有没有简单的方法来做到这一点？

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

    </Grid>

Answer 1

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

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

• xs，超小：0px 或更大
• sm, small: 600px 或更大
• md, medium: 960px 或更大
• lg, large: 1280px 或更大
• xl，超大：1920 像素或更大

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

如果您想定位每个断点，只需指定 xs 大小即可。