Tamanho da imagem para o recipiente, mantendo a proporção em CSS?

Eu tenho um monte de imagens de dimensões diferentes (desconhecidas).

Eu quero soltar essas imagens em um div e tê-las automaticamente em conformidade com as dimensões do div, mantendo sua proporção.

Em outras palavras, se a imagem for mais larga que alta, a largura será 100% e a altura será dimensionada de acordo. Se a imagem for mais alta que larga, a altura será 100% e a largura será dimensionada de acordo.

Existe alguma maneira de fazer isso em css puro?

obrigado

questionAnswers(4)

yourAnswerToTheQuestion