Foros del Web » Creando para Internet » CSS »

Usando el valor "cover" adecuadamente - ajustar imagen a contenido.

Estas en el tema de Usando el valor "cover" adecuadamente - ajustar imagen a contenido. en el foro de CSS en Foros del Web. Hola compañeros! Pues a ver, os cuento un dilema/duda con el que me he topado últimamente. He visto en varias páginas web un comportamiento que ...
  #1 (permalink)  
Antiguo 19/12/2014, 15:25
Avatar de RAZGRIZ24  
Fecha de Ingreso: septiembre-2009
Mensajes: 143
Antigüedad: 14 años, 6 meses
Puntos: 2
Usando el valor "cover" adecuadamente - ajustar imagen a contenido.

Hola compañeros! Pues a ver, os cuento un dilema/duda con el que me he topado últimamente.

He visto en varias páginas web un comportamiento que hace que el fondo de una capa o sección se autoajuste al tamaño de la pantalla, hablando con un amigo mío me dijo que se trataba de la opción "cover" el caso es que la probé y sí, es verda que la imagen se redimensiona para encajar en el continente, pero también esa imagen queda como "aumentada" y no es mi intención.

Mi intención real es que la imagen se escale automáticamente para encajar en la pantalla del ordenador que use mi usuario, sin ampliarse y sin perder resolución (me imagino que para esto simplemente tendré que usar una imagen a'j'querosamente grande )

Quería saber qué técnica usáis vosotros para lograr este efecto, si es mediante CSS o acudís a algún otro lenguaje complementario como javascript o jquery.

Un saludo y gracias compañeros
  #2 (permalink)  
Antiguo 20/12/2014, 05:57
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Usando el valor "cover" adecuadamente - ajustar imagen a contenido.

Escarlar sin ampliarse suena un tanto contradictorio.
__________________
(:
  #3 (permalink)  
Antiguo 20/12/2014, 22:06
(Desactivado)
 
Fecha de Ingreso: enero-2013
Mensajes: 289
Antigüedad: 11 años, 1 mes
Puntos: 10
Respuesta: Usando el valor "cover" adecuadamente - ajustar imagen a contenido.

prueba con background-size:contain;
  #4 (permalink)  
Antiguo 21/12/2014, 01:13
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Usando el valor "cover" adecuadamente - ajustar imagen a contenido.

Con contain el fondo sigue pudiendo ampliarse. Realmente es casi lo mismo que cover.
__________________
(:
  #5 (permalink)  
Antiguo 21/12/2014, 04:58
Avatar de RAZGRIZ24  
Fecha de Ingreso: septiembre-2009
Mensajes: 143
Antigüedad: 14 años, 6 meses
Puntos: 2
Respuesta: Usando el valor "cover" adecuadamente - ajustar imagen a contenido.

Cita:
Iniciado por pzin Ver Mensaje
Escarlar sin ampliarse suena un tanto contradictorio.
Es verdad, quizá mi explicación no fue la más acertada.

Me refiero a que la imagen se adapte a las dimensiones del continente, pero que no la "corte" ni haga zoom.

Etiquetas: página, tamaño, usando, valor
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 03:14.