对于移动设计,设计通常具有较小的标题字体。
Material-UI是否具有使版式响应的机制?
我看到默认主题具有在rems中定义的字体大小-这是否意味着仅减小基本字体大小就可以了?(这似乎不起作用,如果您想以不同的比率减少标题字体怎么办)。
我正在尝试为不同的屏幕尺寸更改 material-ui 按钮上的变体和/或大小。例如,在“sm”断点下方不使用变体或 size="small",在“sm”上方使用变体="outlined"和/或 size="large"。
通常,我会使用 withStyles 并创建一个带有 theme.breakpoints 的样式,以通过使用 className 将样式应用于元素来影响更改,但是,variant 和 size 是道具。
在阅读了 api,搜索网络并广泛地摆弄之后,我似乎无法找出任何直接的方法来根据视口宽度更改道具。
我想过创建一个“宽度检测器”,然后使用一些 JS 逻辑来相应地更改按钮元素的道具,但这似乎离解决方案有点远。
所以我在这里询问是否有更简单的解决方案。谢谢。