Использование функции min-content внутри min () ⇐ CSS

[Anonymous]

Создание макета для веб-приложения с использованием сетки, у меня есть боковая панель, которую я хочу быть такой же широкой, как это необходимо, чтобы соответствовать его содержанию (поэтому, макс-контент ), но я не хочу, чтобы он стал слишком большим, скажем не более 20% от Viewport (так что, 20VW ).
Я думал, что я использую что-то просто:
я думал, что
.

Код: Выделить всё

.page {
width: 100vw;
height: 100vh;
display: grid;
grid-template-columns: min(max-content, 20vw) 1fr;
grid-template-areas: "side main";
}

Но Firefox сообщает мне, что сетчатые колонны имеют неправильное значение и поэтому игнорируются. Если я просто использую: < /p>

Код: Выделить всё

  grid-template-columns: max-content 1fr;

Тогда это работает, но у меня нет гарантии, которую я хочу избежать слишком большой боковой панели.
Являются ли ключевые слова, такие как min-content и max-content не разрешены в функциях CSS?>

Подробнее здесь: https://stackoverflow.com/questions/795 ... n-function