Можно ли изменить высоту и сохранить соотношение сторон элемента блока, как изображение только с помощью CSS?

Question

Моя проблема более или менее идентична этому вопросу , но с небольшой разницей в том, что мне нужно изменить ее размер по вертикали.

Что я имею в виду; в соответствии с информацией, представленной в статье, на которую я ссылался, DIV изменит размер при сохранении соотношения сторон, если вы растянете / свернете браузер ширина , но не если вы сделаете окно браузера выше / короче (т. е. высота ) - Интересно, можно ли сделать это в среде только для CSS?

TYIA.

Answer 1

Нет, это невозможно.

Ближайшая вещь, которая возможна, описана в ответе на этот вопрос: Сделать ширину элемента относительно его высоты?

... однако для этого требуется ввести тег img в источник.

Answer 2

Если вы имеете дело только с изображением, то установка его ширины на 100% и удаление его высоты сохранят его коэффициент сжатия, но, очевидно, также ухудшат его качество при больших растяжениях.

Как это:

img {
    width: 100%;
    height: auto;
}