Этот вопрос уже имеет ответ здесь:
Я работаю над веб-приложением, которое генерирует сетку NxN на основе выбора пользователем N. Я хочу, чтобы общая ширина сетки была относительна (т.е. 100% свободного места) так, чтобы пользователи могли распечатать на различных форматах бумаги.
Я могу легко вычислить ширину квадратов в сетке % (т.е.: 100 Н), но у меня есть проблемы, вычисляющие высоту. Высота веб-страницы всегда будет бесконечной, если я искусственно не ограничиваю ее, который, как я сказал, я не хочу делать.
Как я могу заставить квадраты в своей сетке быть квадратными по сравнению с прямоугольным, когда ограничения высоты и ширины моей сетки являются динамичными и не квадратными?
Это не проверено, я не знаю, как это сделать только в CSS, я бы использовал jQuery.
$('div').height($('div').width());