Я пытаюсь обрезать набор изображений немного разных размеров, чтобы они были квадратами совпадающих размеров, и сделать их отзывчивыми. Я обнаружил, что можно обрезать мои изображения, поместив их в div, а затем сделав изображение фоновым изображением, но когда я пытаюсь использовать height: auto для получения адаптивных изображений, div рушится.
Это самое близкое, что я могу найти для своей проблемы: Как сделать обрезанное изображение по центру отзывчивый?
но это решение может получить квадратную обрезку только в том случае, если изображение изначально имеет портретную ориентацию. Кроме того, мне пришлось бы вручную обрезать каждое изображение в соответствии с его размером.
Я думаю, что я ищу хак CSS, который мог бы обрезать все мои изображения до квадрата одинакового размера, а затем масштабировать их в ответ. Это принятие желаемого за действительное для CSS?