J'ai deux installations de maçonnerie Jquery qui, en ce qui me concerne, sont identiques entre elles. L'un d'eux s'adapte à une fenêtre d'affichage mobile et l'autre ne le fait pas.La maçonnerie jquery ne s'adapte pas à la fenêtre mobile
Lorsque je dépannage mobile, les styles qui sont écrits par de la maçonnerie sont
La première:
<div id="list_of_albums" style="position: relative; height: 484.656px;" class="masonry">
La seconde:
<div id="post-area" class="masonry" style="position: relative; height: 2424px;">
Structure Div est la même chose, maçonnerie installe un L'initialisation de nd est la même, css est la même sauf pour les noms de classe. J'ai supprimé les requêtes média dans les deux et cela ne fait aucune différence. Une mise en page s'ajuste à la taille de la fenêtre mobile et l'autre pas.
CSS pour celui qui ne
élément de maçonnerie:
.grid-album-item {
width: 300px;
float:left;
}
CSS pour celui qui fonctionne: aucun style pour le style contenant
pour l'élément de maçonnerie
#post-area .post {
width: 300px;
float: left;
}
les deux peuvent être consultés ici - one that works
Remarque: Les deux réglage fin à une fenêtre de bureau longue et étroite, à la fois affichage sur une seule colonne. C'est juste sur les écrans mobiles que je vois la différence. Encore une fois, aucune requête des médias n'est en place pour l'un ou l'autre.
Des idées appréciées. Des idées sur la façon de résoudre ce problème sont également appréciées.