小编Luk*_*vey的帖子

Material-UI中的响应式排版?

对于移动设计,设计通常具有较小的标题字体。

Material-UI是否具有使版式响应的机制?

我看到默认主题具有在rems中定义的字体大小-这是否意味着仅减小基本字体大小就可以了?(这似乎不起作用,如果您想以不同的比率减少标题字体怎么办)。

typography responsive-design reactjs material-ui

15
推荐指数
7
解决办法
6770
查看次数

如何根据 Material UI 中的断点更改按钮道具

我正在尝试为不同的屏幕尺寸更改 material-ui 按钮上的变体和/或大小。例如,在“sm”断点下方不使用变体或 size="small",在“sm”上方使用变体="outlined"和/或 size="large"。

通常,我会使用 withStyles 并创建一个带有 theme.breakpoints 的样式,以通过使用 className 将样式应用于元素来影响更改,但是,variant 和 size 是道具。

在阅读了 api,搜索网络并广泛地摆弄之后,我似乎无法找出任何直接的方法来根据视口宽度更改道具。

我想过创建一个“宽度检测器”,然后使用一些 JS 逻辑来相应地更改按钮元素的道具,但这似乎离解决方案有点远。

所以我在这里询问是否有更简单的解决方案。谢谢。

reactjs material-ui

4
推荐指数
3
解决办法
6681
查看次数