jQuery Masonry - diseño Fluido problema

Question

Yo estoy usando la Mampostería de secuencia de comandos para diseñar cajas de sitio web.

Se ve bien para mí en la mayoría de los navegadores, excepto cuando se cambia el tamaño de la ventana del navegador o voltear mi teléfono en su lado y la espalda de nuevo.

Sin Mampostería, tengo un diseño fluido que funciona bien.Por líquido quiero decir que las cajas ocupan toda la anchura de los tamaños de pantalla más pequeños.

Con la Albañilería, esto todavía funciona ok cuando la primera vez que visite el sitio, pero si cambiar el tamaño de la ventana del navegador o voltear el teléfono de su lado, el diseño va todos los descompone.Refrescante ordena de nuevo.

No estoy seguro si hay una forma de solucionarlo, o si debo usar otro script, o incluso si es mejor simplemente deshabilitar la secuencia de comandos para pantallas más pequeñas?

Con la esperanza de que alguien pueda ayudar!

Gracias.

Answer 1

A mi mejor recuerdo, de Mampostería agarra elemento dimensiones cuando se la llama, y a continuación se realiza la mampostería.Se espera que estas dimensiones a ser estática, que es la forma en que es capaz de calcular el "masoned" de diseño.

Combinando esto con un diseño fluido que es un poco de una receta para el desastre, en mi opinión.Sin embargo, no es imposible.

En el evento de cambio de tamaño, simplemente llame a la masonería() en el recipiente de nuevo.