min () в withStyles

Question

Я хотел бы использовать min () в withStyles.

В настоящее время он объявлен так:

maxWidth: "min(700, 90vw)"

Я также пытался

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

Ни одна из этих работ.

Кто-нибудь знает, как использовать эту функцию с Material-UI в реагировать?

Спасибо

Answer 1

Если ответ здесь не устарел, я не верю, что min поддерживается в CSS. Эта страница не указывает ни на один браузер, который ее поддерживает.

Однако вы можете получить тот же эффект, используя медиазапросы, подобные следующим:

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

ВотCodeSandbox, демонстрирующий это: