jQuery Masonry - Problem mit flüssigem Layout

Question

Ich verwende die Mauerwerk Schrift Kisten auf einem sitio web .

In den meisten Browsern sieht es für mich gut aus, außer wenn ich die Größe des Browserfensters verändere oder mein Telefon auf die Seite lege und wieder zurück.

Ohne Masonry habe ich ein flüssiges Layout, das gut funktioniert. Mit flüssig meine ich, dass die Boxen auf kleineren Bildschirmen die volle Breite einnehmen.

Bei Masonry funktioniert das noch gut, wenn man die Website zum ersten Mal aufruft, aber wenn man entweder die Größe des Browserfensters ändert oder das Handy auf die Seite dreht, wird das Layout völlig durcheinander gebracht. Ein erneutes Aktualisieren bringt das Problem wieder in Ordnung.

Ich bin mir nicht sicher, ob es eine Möglichkeit gibt, dies zu beheben, oder ob ich ein anderes Skript verwenden sollte, oder ob es am besten ist, das Skript für kleinere Bildschirme einfach zu deaktivieren?

Ich hoffe, jemand kann helfen!

Gracias.

Answer 1

Soweit ich mich erinnere, erfasst Masonry die Elementabmessungen, wenn es aufgerufen wird, und führt dann das Mauerwerk aus. Es geht davon aus, dass diese Abmessungen statisch sind, so dass es das "gemauerte" Layout berechnen kann.

Dies mit einem flüssigen Layout zu kombinieren, ist meiner Meinung nach ein Rezept für eine Katastrophe. Aber es ist nicht unmöglich.

Rufen Sie bei der Größenänderung einfach erneut masonry() für den Container auf.