Foros del Web » Programando para Internet » Android »

no puedo redimensionar una imagen al 100% en android

Estas en el tema de no puedo redimensionar una imagen al 100% en android en el foro de Android en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/01/2012, 16:36
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 13 años, 4 meses
Puntos: 101
no puedo redimensionar una imagen al 100% en android

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 original
  1. 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:
Ver original
  1. j("#background img").load(function(){
  2.             j(this).width(windowsWidth).height(windowsHeight); // adjust background height
  3.         });

Algun tip de por que este comportamiento? Primera vez que testeo una web en una tablet.
  #2 (permalink)  
Antiguo 12/01/2012, 16:41
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 13 años, 4 meses
Puntos: 101
Respuesta: no puedo redimensionar una imagen al 100% en android

Estuve haciendo pruebas y no anda:

Código Javascript:
Ver original
  1. 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:
Ver original
  1. window.onload = function(){
  2.      alert( "onload: " + j("body").css("width")  + " " + j(window).width() + " " + j(document).width()  + " " + j("body")[0].scrollWidth + " " + j("body")[0].scrollWidth);
  3. };

Tampoco esto me da el ancho real:
Código Javascript:
Ver original
  1. window.innerWidth

En fin, será este el problema? Es decir, que no logro obtener las proporciones reales de la pantalla?
  #3 (permalink)  
Antiguo 30/01/2012, 07:02
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 13 años, 4 meses
Puntos: 101
Respuesta: no puedo redimensionar una imagen al 100% en android

La solucion es usar el metatag "viewport":

Código HTML:
Ver original
  1. <meta name="viewport" content="initial-scale=1.0, user-scalable = no"/>

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

Etiquetas: pantalla, redimensionar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:16.