1.7 KiB
1.7 KiB
title | localeTitle |
---|---|
Limit Item Size Using the minmax Function | Предельный размер элемента с помощью функции minmax |
Использование функции minmax в сочетании с функцией повторения - это именно то, что описывает этот вызов, но сначала это не было очевидно для меня очевидным. Способ передачи этой задачи состоит в том, чтобы удалить значение максимальной ширины в функции повторения , а затем добавить функцию minmax вместо значения максимальной ширины повторения .
Вот пример того, что похоже на использование до и после подхода:
До
grid-template-columns: repeat(3, 1fr);
После
grid-template-columns: repeat(3, minmax(50px, 2fr));
Вы также можете проверить это встроенное перо на Codepen, чтобы увидеть пример в действии, который вы можете изменить для просмотра результатов:
См. Pen limit-item-size-using-the-minmax-функция с помощью skywardcode ( @skywardcode ) на CodePen .