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

时间:2019-04-22 23:54:04

标签: css reactjs material-ui

我正在研究Material-UI,想知道是否可以一次设置所有断点。

下面的代码看起来非常多余。有没有简单的方法可以做到这一点?

WHERE

1 个答案:

答案 0 :(得分:0)

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

  

每个断点都具有固定的屏幕宽度

     
      
  • xs,超小:0像素或更大
  •   
  • sm,小:600像素或更大
  •   
  • md,中:960px或更大
  •   
  • lg,大:1280px或更大
  •   
  • xl,超大:1920px或更大
  •   

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

如果您希望针对每个断点,只需指定xs大小,您就会很好。