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

Joey Yi Zhao

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

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

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

    </Grid>
特伦顿特拉玛

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

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

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

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

如果您想针对每个断点,只需指定 xs 大小即可。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

没有材质编辑器,如何在maxscript中访问材质?

来自分类Dev

如何在画布绘制的元素上添加材质样式的阴影?

来自分类Dev

如何在点击上创建波纹效果-材质设计

来自分类Dev

如何在Android中正确设置材质按钮的样式

来自分类Dev

如何在滑轨上使用材质设计

来自分类Dev

如何在Material ui网格中设置断点以使其响应

来自分类Dev

如何在材质ui makeStyles中使用@supports CSS规则?

来自分类Dev

如何有条件地为材质ui TreeView组件设置扩展道具

来自分类Dev

如何在材质UI中更改默认颜色

来自分类Dev

如何在“材质”按钮上写多行文字?

来自分类Dev

如何在材质ui元素中应用CSS属性?

来自分类Dev

如何在选定的材质UI中具有多行选项

来自分类Dev

如何使用CSS为单个材质的ui Grid实例自定义md断点

来自分类Dev

如何在自动完成材质UI中的NoOptionsText上应用样式

来自分类Dev

材质UI和ReactJS,如何使用withStyles为选定的ListItem设置样式?

来自分类Dev

如何在材质ui中设置LinearProgress的最大值?

来自分类Dev

如何在材质ui手风琴上使用按钮折叠?

来自分类Dev

如何在材质UI makeStyles中应用字体功能设置并通过props动态更改backgorundColor

来自分类Dev

如何在材质UI按钮的角落放置图标

来自分类Dev

如何在反射材质上动态更改环境贴图纹理

来自分类Dev

如何在画布绘制的元素上添加材质样式的阴影?

来自分类Dev

如何在android中正确设置材质按钮的样式

来自分类Dev

如何在动态库中的所有函数中设置断点

来自分类Dev

如何在Android Button(材质设计)上创建阴影

来自分类Dev

如何在 Material UI 中设置材质卡的最小高度?

来自分类Dev

如何在 CLion 中将所有行设置为断点?

来自分类Dev

如何在主类中导入材质 UI 组件?

来自分类Dev

如何设置材质 ui 时间选择器 dilog 样式

来自分类Dev

如何在带有 ui 材质的 onBlur 中使用 2 个函数?

Related 相关文章

  1. 1

    没有材质编辑器,如何在maxscript中访问材质?

  2. 2

    如何在画布绘制的元素上添加材质样式的阴影?

  3. 3

    如何在点击上创建波纹效果-材质设计

  4. 4

    如何在Android中正确设置材质按钮的样式

  5. 5

    如何在滑轨上使用材质设计

  6. 6

    如何在Material ui网格中设置断点以使其响应

  7. 7

    如何在材质ui makeStyles中使用@supports CSS规则?

  8. 8

    如何有条件地为材质ui TreeView组件设置扩展道具

  9. 9

    如何在材质UI中更改默认颜色

  10. 10

    如何在“材质”按钮上写多行文字?

  11. 11

    如何在材质ui元素中应用CSS属性?

  12. 12

    如何在选定的材质UI中具有多行选项

  13. 13

    如何使用CSS为单个材质的ui Grid实例自定义md断点

  14. 14

    如何在自动完成材质UI中的NoOptionsText上应用样式

  15. 15

    材质UI和ReactJS,如何使用withStyles为选定的ListItem设置样式?

  16. 16

    如何在材质ui中设置LinearProgress的最大值?

  17. 17

    如何在材质ui手风琴上使用按钮折叠?

  18. 18

    如何在材质UI makeStyles中应用字体功能设置并通过props动态更改backgorundColor

  19. 19

    如何在材质UI按钮的角落放置图标

  20. 20

    如何在反射材质上动态更改环境贴图纹理

  21. 21

    如何在画布绘制的元素上添加材质样式的阴影?

  22. 22

    如何在android中正确设置材质按钮的样式

  23. 23

    如何在动态库中的所有函数中设置断点

  24. 24

    如何在Android Button(材质设计)上创建阴影

  25. 25

    如何在 Material UI 中设置材质卡的最小高度?

  26. 26

    如何在 CLion 中将所有行设置为断点?

  27. 27

    如何在主类中导入材质 UI 组件?

  28. 28

    如何设置材质 ui 时间选择器 dilog 样式

  29. 29

    如何在带有 ui 材质的 onBlur 中使用 2 个函数?

热门标签

归档