Ver Mensaje Individual
  #4 (permalink)  
Antiguo 05/05/2016, 12:19
Avatar de siddartha23
siddartha23
 
Fecha de Ingreso: septiembre-2013
Mensajes: 357
Antigüedad: 10 años, 7 meses
Puntos: 39
Respuesta: ¿Como adaptar imagen en diferentes pantallas?

Para empezar tienes que tener en cuenta que el código que te han pasado solo sirve para que un contenedor tenga el alto de la pantalla, luego aprovechas ese contenedor y usas la imagen como fondo, el fondo no se va deformar por que es lo suficientemente grande y esta colocado al centro. El problema de esa solución es que si la pantalla es muy pequeña el contenido va desbordar por que el contenedor tiene un alto fijo, tendrías que prever eso. Mi sugerencia es que si solo vas a usar la imagen como fondo aproveches las propiedades css junto con media querys y listo.

Ahora, el problema es que tú quieres usar imágenes, por decir, "estáticas". Las imágenes dentro de la etiqueta <img> se adaptan a su entorno y si quieres "cortarlas" tienes que recurrir a la propiedad overflow para esconder el restante de imagen, aún así no te va ser tan simple tenerlas siempre centradas a menos que uses trucos como el posicionamiento absoluto o márgenes negativos.

Mas difícil aún si lo que quieres adaptar son imágenes que rotan dentro de un slider, los cuales de entrada para funcionar bien calculan el espacio en el que se van a mostrar.

Dicho esto veo mas factible hacer lo que quieres con imágenes de fondo, a la vez que es mas practico y funcional para un "elemento de adorno"
__________________
velarde23.com - Soluciones Web