Tengo el siguiente código:
Código:
#image > img{
max-width: 80%;
max-height: 35vw;
height: 100%;
width: 100%;
}
Quiero que la imagen sea lo mas grande posible dentro de esos máximos. El problema es que si la imagen base es muy alta, esta se deforma. ¿Alguna manera de que la image se ajuste pero sin deformarse?
Edito: He probado también metiéndolo en un div:
Código:
#image{
margin-right: auto;
margin-left: auto;
max-width: 80%;
max-height: 35vw;
}
img{
height: auto;
width: 100%;
}
Pero por desgracia la imagen sobresale por fuera de los límites del div, este parece no poder contenerlo...