remencionar imagem

[luiz22 0]

Pessoal, bom dia!

 

Eu preciso redimencionar imagem para cabê em um box de width = 220px por height = 172 este é meu box, ok.

 

Eu preciso indenficar o tamanho da imagem e depois redimencionar ela dentro do box.

 

Ex.:

if ( img.width > 220 ) fica 200

else if ( img.height > 172 ) fica 170

 

sem distorcer a imagem.

 

Fico grato.

[Ted k' 126]

diminui pela largura

[Electronic 124]

não precisa identificar

desse jeito ela nao passa de 200px, mas pode ser menor

se quer se seja sempre 200 tira o max- antes de width

div {
    width:220px;
    height: 172px;
    text-align:center;
}
img{
    max-width: 90.9%;
    height: 98.5%;
}

[wilnet 92]

Tem essa opção, mas o "height" ficará reduzido proporcional ao "width".

 

.imgSize {
    width: 200px;
    height: auto;	
}

<img class="imgSize" src="foto.jpg" />