Milligram: Comportement de la grille sur mobile

Créé le 12 janv. 2018  ·  7Commentaires  ·  Source: milligram/milligram

Informations sur les versions

  • Milligramme 1.3

Étapes à reproduire

<div class="row">
<div class="column">test</div>
<div class="column column-20"">test 2</div>
</div>

Comportement prévisible

Je m'attendais à voir 100% de largeur sur la grille mobile, comme le font d'autres frameworks CSS.

Comportement réel

La grille conserve la largeur en pourcentage mais sur deux lignes, ce qui semble étrange.

Sur le bureau

Desktop

Sur le mobile

Mobile

Des solutions à ce sujet ou est-ce le comportement attendu?

Hacktoberfest improvement

Commentaire le plus utile

Salut @cjpatoilo ,

On dirait que ces frameworks le font:

Je suppose que la solution serait de remplacer la largeur de la "colonne-20" à 100% si elle est sur mobile. Serait-il possible?

Merci pour votre travail

Tous les 7 commentaires

@dnohr Bon appel !

J'ai beaucoup aimé l'idée. En fait, j'avais déjà imaginé quelque chose comme ça, mais je ne suis pas sûr que tout le monde l'utilise de cette façon. Il serait intéressant de cartographier ces informations. Pourriez-vous me montrer quels frameworks CSS utilisent à 100% sur mobile ?

Salut @cjpatoilo ,

On dirait que ces frameworks le font:

Je suppose que la solution serait de remplacer la largeur de la "colonne-20" à 100% si elle est sur mobile. Serait-il possible?

Merci pour votre travail

@dnohr J'ai trouvé un moyen d'ajouter ce support et de maintenir le comportement actuel. ??
Merci d'avoir signalé cette amélioration.

J'ai le même problème ?
Comment résoudre cela ?

Sur mobile, je m'attends à ce que la grille divise les colonnes en lignes et qu'elle reste exactement la même que sur le bureau.

Puis-je résoudre ce problème ?

@celebritydeveloper ce comportement a été corrigé. Regardez la démo :

milligram-mobile

@dnohr @martinffx Pour l'instant, je vais clore ce problème.
N'hésitez pas à rouvrir ou à en ouvrir un nouveau.

Cette page vous a été utile?
0 / 5 - 0 notes