Ver Mensaje Individual
  #8 (permalink)  
Antiguo 28/05/2015, 09:16
Avatar de fede5426
fede5426
 
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 5 meses
Puntos: 208
Respuesta: Fondo adaptado a móvil

Cita:
Iniciado por JuJoGuAl Ver Mensaje
En efecto logicamente una imagen de un tamaño no se adaptará a otro tamaño pero existe una forma de yo hacer esto?

e visto webs con imagenes con patrones de fondo y obvio al forzarlas en moviles no ves nada mal.
Como dije, crear una nueva imagen para dispositivos verticales (tablets y moviles), o en su defecto usar media queries para sacar la imagen de fondo en estos dispositivos y usar un color plano.

Cita:
Iniciado por JuJoGuAl Ver Mensaje
Pero como esta es un mapa mundi, cobre toda la pantalla pero no se muestra todo el mapa solo una porcion de el.

Pense en hacer una web por cada tamaño (ciertos tamaños) para poder tener en cuenta las resoluciones
Otra opción podría ser colocar un size de 100% y usar un fondo azul en el body, algo asi:

Código CSS:
Ver original
  1. body{
  2.     background-color:#0b1229;
  3.     background-image:url("http://i.imgur.com/U3h0AEB.jpg");
  4.     background-size:100%;
  5.     background-repeat:no-repeat;
  6. }

http://codepen.io/anon/pen/gpgbNe

En mi opinión, me quedaría con cover.. al final en los móviles yo creo que no es tan importante la imagen de fondo, siempre lo va a tapar el contenido principal, preocupate de que eso si se vea bien.