Cita:
Iniciado por JuJoGuAl
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
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 originalbody{
background-color:#0b1229;
background-image:url("http://i.imgur.com/U3h0AEB.jpg");
background-size:100%;
background-repeat:no-repeat;
}
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.