Как добиться того, чтобы строки шаблона сетки имели ту же длину, что и столбцы шаблона сетки? ⇐ CSS
-
Гость
Как добиться того, чтобы строки шаблона сетки имели ту же длину, что и столбцы шаблона сетки?
.container { дисплей: сетка; // Я ХОЧУ, ЧТОБЫ МИНИМУМ БЫЛ ТАКИМ же 25%, ЧТО И ДЛЯ КОЛОНЦОВ сетки-шаблона-строки: повторение (17, minmax (ЧТО ЗДЕСЬ?, 35vh)); // ШИРИНА СТОЛБЦОВ 25% столбцы-шаблона сетки: повторить(4, 25%); } Я не использую vw, потому что он включает в себя полосу прокрутки, поэтому эти % ширины основаны на контейнере тела (который не включает полосу прокрутки).
Мне не удалось добиться того, чтобы минимальная высота строки была равна ширине столбцов (25 % ширины контейнера).
Есть ли способ сделать это без JavaScript?
.container { дисплей: сетка; // Я ХОЧУ, ЧТОБЫ МИНИМУМ БЫЛ ТАКИМ же 25%, ЧТО И ДЛЯ КОЛОНЦОВ сетки-шаблона-строки: повторение (17, minmax (ЧТО ЗДЕСЬ?, 35vh)); // ШИРИНА СТОЛБЦОВ 25% столбцы-шаблона сетки: повторить(4, 25%); } Я не использую vw, потому что он включает в себя полосу прокрутки, поэтому эти % ширины основаны на контейнере тела (который не включает полосу прокрутки).
Мне не удалось добиться того, чтобы минимальная высота строки была равна ширине столбцов (25 % ширины контейнера).
Есть ли способ сделать это без JavaScript?
Мобильная версия