Я создаю настольную игру, в которой я хочу отобразить доску с квадратными полями, которая всегда соответствует 100% высоты экрана и / или ширины руды (полоса прокрутки никогда не должна появляться), поэтому она должна отвечать как по вертикали, так и по горизонтали.,Число строк и столбцов является динамическим.
Кроме того, доска должна изменить свою ориентацию в зависимости от того, есть ли еще строки или столбцы для отображения.Небольшой обзор изображений о том, чего я пытаюсь достичь:
Горизонтальная ориентация (большой экран): 
Горизонтальная ориентация (небольшой экран): 
Вертикальная ориентация: 
Полагаю, если я получу знания о том, как сделать либо полностью отзывчивым, другая ориентация победит 'Это не проблема.
Вот фрагмент моей структуры кода, который довольно стандартен, как и следовало ожидать (генерируется в угловом формате): 
Решения, которые я пробовалиспользовать такие http://bluecaret.com/blog/responsive-grid-of-squares неадекватно и недостаточно для меня.Сетка либо не соответствует ширине / высоте экрана (эти цифры vw / vh на самом деле не имеют смысла для меня), либо хорошо реагирует только в одном направлении.
Я открыт для советовс использованием flex / bootstrap / plain CSS.
Это первая проблема, которую мне не удалось решить в CSS за неограниченное время ..: |