У меня есть 4 продукта с изображениями в одном ряду. Мне хотелось, чтобы изображения имели квадратную форму, поэтому я задал им фиксированную высоту и автоматическую ширину. они выглядели хорошо, но когда я изменил размеры экрана и скорость отклика, они проигнорировали фиксированную высоту и возникли сбои.
Полноэкранный режим
В полноэкранном режиме каждому товару по умолчанию назначена ширина 25 %. Изображения выглядят квадратными.

Различные меньшие размеры.
При разных размерах экрана они не повторяют квадратную форму.


Что мне нужно?
Мне они нужны квадратной формы, независимо от размеров экрана, например, если они были 300x300 на полном экране, на маленьком экране они должны быть не менее 200x200 и так далее.
/>Есть ли способ динамически рассчитывать размеры изображений в соответствии с размерами экрана в CSS?
Код< /strong>
Код: Выделить всё
/* css here */Код: Выделить всё
Мне нужна ваша помощь в этом вопросе. Заранее спасибо.
Подробнее здесь: https://stackoverflow.com/questions/787 ... dimensions
Мобильная версия