Android 2.3 Stock Browser: el bloque en línea no se expande en el evento “orientación cambio”

Actualmente tengo un problema interesante en mi sitio web cuando se trata de cambios de orientación en Android 2.3. Es estrictamente para dispositivos móviles, con el soporte necesario para el navegador de Android 2.3+. Vea abajo..

HTML:

CSS:

 #wrapper { text-align: center; } #parent { display: inline-block; text-align; left; } .dummy { display: block; height: 0; } 

JQuery:

 $(window).resize(function () { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(function(){ $("#parent > .dummy").remove(); var currentOffset = $("#parent > #child:first-child").offset().top; $("#parent > #child").each(function() { if (currentOffset != $(this).offset().top) { $("
").insertBefore(this); currentOffset = $(this).prev().offset().top; } }); }, 500); }); $(window).bind("orientationchange", function() { $(window).resize(); });

Básicamente, el código principal anterior contiene un grupo de divs de inline-block . la envoltura centra el padre y cualquier div hijo que se ajusta a la siguiente línea en la que el padre se deja alineado. Esto funciona como se esperaba.

El problema al que me enfrento con esta configuración es que cuando un niño se ajusta a la siguiente línea, hay una buena cantidad de espacio en blanco en el lado derecho del padre.

Escribí esa función jquery que primero analiza cada div niño. Cuando detecta que un elemento secundario ha envuelto, agrega un elemento

justo antes que él mismo, que básicamente crea un “salto de línea”. Esto elimina el espacio en blanco en el lado derecho del elemento principal, por lo que vuelve a colocarlo en el centro de la vista. Esta función se llama en el evento ” orientationchange “, eliminando todos los divs ficticios encontrados antes.

Ahora mi problema: en el navegador Android 2.3, cambiar del modo vertical al modo horizontal no amplía el ancho del padre más allá del ancho de lo que está en el modo vertical. Obviamente, si cargo la página por primera vez en modo horizontal, se procesa correctamente, pero la segunda vez que cambio a vertical y luego de nuevo a horizontal, el problema vuelve.

Lo siento, esto es largo, pero realmente quiero encontrar una solución a esto, y he intentado muchas cosas, incluso estableciendo el ancho máximo de los padres a un valor grande codificado, pero no a los dados.

Gracias por la ayuda de todos por adelantado!