withStyles中的min（）

Question

我想在withStyles中使用min（）。

我目前已这样声明它：

maxWidth: "min(700, 90vw)"

我也尝试过

maxWidth: "min('700', '90vw')"

这些都不起作用。

有人知道如何在Material-ui中使用此功能吗？

谢谢

Answer 1

除非答案here过时，否则我不相信CSS支持min。 This page并不表示任何支持它的浏览器。

但是，您可以使用如下所示的媒体查询获得相同的效果：

maxWidth: "90vw",
"@media (min-width: 777px)": {
  maxWidth: 700
}

这是一个CodeSandbox演示：