Foros del Web » Creando para Internet » CSS »

Duda con ajuste de tamaño de una imagen

Estas en el tema de Duda con ajuste de tamaño de una imagen en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/04/2015, 04:14
 
Fecha de Ingreso: marzo-2015
Mensajes: 28
Antigüedad: 8 años, 8 meses
Puntos: 0
Duda con ajuste de tamaño de una imagen

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...

Última edición por Xelot; 14/04/2015 a las 06:04
  #2 (permalink)  
Antiguo 14/04/2015, 06:14
Avatar de NueveReinas  
Fecha de Ingreso: septiembre-2013
Ubicación: No tan Buenos Aires
Mensajes: 1.101
Antigüedad: 10 años, 2 meses
Puntos: 145
Respuesta: Duda con ajuste de tamaño de una imagen

¿Has probado con esto?

Código CSS:
Ver original
  1. img {
  2. max-width: 100%;
  3. height: auto;
  4. }
__________________
¿Te sirvió la respuesta? Deja un +1
  #3 (permalink)  
Antiguo 14/04/2015, 06:26
 
Fecha de Ingreso: marzo-2015
Mensajes: 28
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Duda con ajuste de tamaño de una imagen

Muy al principio probe con esto:

Código:
#image > img{
    max-width: 80%;
    max-height: 35vw;
    height: auto;
    width: auto;
}
Muestra lo que yo quiero, pero el problema es que al no definir un mínimo, si reescalo la vista del navegador, la imagen se puede hacer mas pequeña. Yo lo que quiero es que, aunque reescale la vista, siempre sea lo mas grande posible dentro de esos márgenes.
  #4 (permalink)  
Antiguo 14/04/2015, 08:33
Avatar de NueveReinas  
Fecha de Ingreso: septiembre-2013
Ubicación: No tan Buenos Aires
Mensajes: 1.101
Antigüedad: 10 años, 2 meses
Puntos: 145
Respuesta: Duda con ajuste de tamaño de una imagen

Entonces prueba a ponerle un min-width y/o min-height con el tamaño de la imagen.
__________________
¿Te sirvió la respuesta? Deja un +1
  #5 (permalink)  
Antiguo 14/04/2015, 08:55
 
Fecha de Ingreso: marzo-2015
Mensajes: 28
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Duda con ajuste de tamaño de una imagen

Si hiciera eso la imagen no mantendría las proporciones...
  #6 (permalink)  
Antiguo 14/04/2015, 09:04
Avatar de NueveReinas  
Fecha de Ingreso: septiembre-2013
Ubicación: No tan Buenos Aires
Mensajes: 1.101
Antigüedad: 10 años, 2 meses
Puntos: 145
Respuesta: Duda con ajuste de tamaño de una imagen

Cita:
Iniciado por Xelot Ver Mensaje
Si hiciera eso la imagen no mantendría las proporciones...
Error mío.
¿Por qué no simplemente le pones una altura automática?

http://jsfiddle.net/ehL4kh74/
__________________
¿Te sirvió la respuesta? Deja un +1
  #7 (permalink)  
Antiguo 16/04/2015, 02:41
 
Fecha de Ingreso: marzo-2015
Mensajes: 28
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Duda con ajuste de tamaño de una imagen

Código:
height: auto;
width: 80%;
Aunque supongo que te refieres a eso, no es lo que busco. De todas formas te dejo un +1 por intentarlo. Supongo que intentaré hacer las cosas de otra manera...

Etiquetas: ajuste, tamaño, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:42.