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
:
Ver originalj("#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
:
Ver originalj("#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.