De acuerdo este es un problema comun que se puede solucionar con background-size. Pero esta propiedad no es soportada por todos los navegadores moviles como podrás ver en
caniuse.com.
Sigamos los
pasos de Chris en css-tricks.com utilizando CSS3:
Código CSS:
Ver originalhtml {
background: url(images/bg.jpg) no-repeat center center fixed;
background-size: cover;
}
Esto hará que la imagen ocupe toda la pantalla y que además se centre, casi como si fuese un fondo de escritorio de windows.
Puedes ver muchos metodos de realizar esto sin utilizar css3 en
este articulo de css-tricks.com (en inglés).