Foros del Web » Creando para Internet » HTML »

Mantener proporciones imagen

Estas en el tema de Mantener proporciones imagen en el foro de HTML en Foros del Web. Estoy intenando múltiples maneras pero no logro conseguirlo: mantener las proporciones de la imagen en vista ordenador y vista móvil, que sirva tanto para imágenes ...
  #1 (permalink)  
Antiguo 25/08/2017, 15:43
 
Fecha de Ingreso: julio-2011
Ubicación: España
Mensajes: 127
Antigüedad: 13 años, 3 meses
Puntos: 2
Mantener proporciones imagen

Estoy intenando múltiples maneras pero no logro conseguirlo: mantener las proporciones de la imagen en vista ordenador y vista móvil, que sirva tanto para imágenes muy altas y poco anchas como para imágenes muy anchas y poco altas (en proporción).

Código HTML:
<a href="link"><img src="img" /></a> 
Estoy añadiendo el style="" con height y width.

Por ejemplo si pongo los dos auto: style="width: auto;height: auto" las imágenes se vuelven demasiado grandes.

Si añado un max-height o max-width funciona pero queda descompensado entre las imágenes muy anchas y las muy altas.

Alguna idea? Gracias
  #2 (permalink)  
Antiguo 25/08/2017, 17:26
Avatar de petit89  
Fecha de Ingreso: marzo-2011
Mensajes: 1.139
Antigüedad: 13 años, 8 meses
Puntos: 171
Respuesta: Mantener proporciones imagen

si las areas de imagenes estan establecidas, usa porcentaje...

Código HTML:
Ver original
  1. <a href="link"><img src="img" style="width: 90%; height: auto;" /></a>
__________________
█ WebHosting / Reseller a bajo costo | Uptime Garantizado | Soporte en Español e Ingles
¿Te sirvió la respuesta? Deja un +1 (Triangulo negro al lado derecho)

Etiquetas: href
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 20:02.