Ich habe zwei Installationen von Jquery Maurerarbeit, die, soweit ich betroffen bin, identisch sind. Einer von ihnen passt sich an ein mobiles Ansichtsfenster an und das andere nicht.jquery Maurerarbeit passt sich nicht an bewegliche Ansichtsfenster an
Wenn ich mobile Fehlerbehebung zu tun, die Stile, die von Mauerwerk geschrieben werden, sind
Die erste:
<div id="list_of_albums" style="position: relative; height: 484.656px;" class="masonry">
Die zweite:
<div id="post-area" class="masonry" style="position: relative; height: 2424px;">
Div Struktur ist das gleiche, Mauerwerk installieren a Die Initialisierung ist gleich, css ist gleich, außer den Klassennamen.
Ich habe Medienabfragen in beiden entfernt und es macht keinen Unterschied. Ein Layout passt sich an die Größe des mobilen Fensters an und das andere nicht.
CSS für die, die nicht
Mauerwerk Artikel:
.grid-album-item {
width: 300px;
float:left;
}
CSS für die eine, die funktioniert: keine Stile für den Behälter
Stil für das Mauerwerk Artikel
#post-area .post {
width: 300px;
float: left;
}
beide können hier angesehen werden - one that works
Hinweis: beide Feineinstellung auf einen schmalen langen Desktop-Fenster, sowohl Display als nur eine Spalte. Es ist nur auf mobilen Bildschirmen, dass ich den Unterschied sehe. Auch hier gibt es keine Medienabfragen für beide.
Ideen geschätzt. Ideen zur weiteren Problembehandlung werden ebenfalls geschätzt.