no puedo redimensionar una imagen al 100% en android

[mayid]

Estoy probando una web en diferentes soportes. En android me pasa que no puedo redimensionar una imagen <img> para que cubra toda la pantalla. No se por que. Lo que veo es que la imagen tarda en mostrarse, y que es el ultimo elemento en aparecer en pantalla.

O sea, tenga un tag <img> para poner una imagen de fondo y estirarla a gusto. El comando que uso es el siguiente, y funciona en las pcs pero no en una tablet android:

Código Javascript:

j("#background img").width(windowsWidth).height(windowsHeight);
 

Usando la misma sentencia jQuery estoy redimensionando un canvas. Por lo que veo Android no da ningun problema con eso. Entonces, será por la manera en que Chrome maneja la cache de la imagen o por qué que no funcoina?

Por ultimo intenté el metodo load de jQuery para esperar a que se muestre la imagen antes de dimensionarla pero no veo que funcione:

Código Javascript:

j("#background img").load(function(){
            j(this).width(windowsWidth).height(windowsHeight); // adjust background height
        });
 

Algun tip de por que este comportamiento? Primera vez que testeo una web en una tablet.

[mayid]

Estuve haciendo pruebas y no anda:

Código Javascript:

alert( j("body").css("width")  + " " + j(window).width() + " " + j(document).width()  + " " + j("body")[0].scrollWidth + " " + j("body")[0].scrollWidth);
 

Estos en el android devuelven todos 980(px)

Sin embargo, entrando a http://www.whatismyscreenresolution.com/ desde esa tablet me dice que el ancho es 1280. Es decir, no logro con estas funciones tomar el ancho real? Me parece raro.

Intente lo mismo desde el evento onLoad y me sigue dando 980px:

Código Javascript:

window.onload = function(){
     alert( "onload: " + j("body").css("width")  + " " + j(window).width() + " " + j(document).width()  + " " + j("body")[0].scrollWidth + " " + j("body")[0].scrollWidth);
};
 

Tampoco esto me da el ancho real:

Código Javascript:

window.innerWidth
 

En fin, será este el problema? Es decir, que no logro obtener las proporciones reales de la pantalla?

[mayid]

La solucion es usar el metatag "viewport":

Código HTML:

<meta name="viewport" content="initial-scale=1.0, user-scalable = no"/>
 

http://davidbcalhoun.com/2010/viewport-metatag