problema con redimension de imagen verticalmente

[madman_18]

A mí hay algo que me sirve bastante (no sé si será correcto o no) es poner algo tal que así:

Código CSS:

.mibloque{
width:auto;
height:auto;
max-width:400px;
max-height:300px;
}
.mibloque img{
width:100%;
height:100%;
max-width:400px;
max-height:300px;
}
 

Código HTML:

<div class='mibloque'>
        <img src='mifoto.jpg'/>
</div>
 

Así mi imagen, cuando tengo que hacer el responsive design, con ir cambiando el los % de .mibloque img, me permite ir jugando con él, que el bloque no tenga un tamaño más allá de lo que me abarca la imagen. Quizás te ayude eso