如何在material-ui中为主题间距使用断点

Question

有没有办法使用断点来定义 theme spacing？类似的东西

spacing: {
   [defaultTheme.breakpoints.down('sm')]: 4
   [defaultTheme.breakpoints.up('sm')]: 8
   ...
}

或者像在 typography 中完成的那样

我知道我可以使用 rem，但这不适合我

Answer 1

你可以尝试使用这个：

spacing: calc(100vw / x);

x 将是一个数字，例如 70。

它会随着屏幕大小的调整而自我更新。