Milligram: Netzverhalten auf Mobilgeräten

Erstellt am 12. Jan. 2018 · 7Kommentare · Quelle: milligram/milligram

Versions Information

Milligramm 1,3

Schritte zum Reproduzieren

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

Erwartetes Verhalten

Ich habe erwartet, dass das mobile Raster 100% Breite hat, wie es andere CSS-Frameworks tun.

Tatsächliches Verhalten

Das Raster behält die prozentuale Breite bei, aber auf zwei Zeilen, was seltsam aussieht.

Auf dem Desktop

Desktop

Auf dem Handy

Mobile

Irgendwelche Lösungen dazu oder ist es das erwartete Verhalten?

Hacktoberfest improvement

Quelle

dnohr

Hilfreichster Kommentar

Hallo @cjpatoilo ,

Scheint, als würden diese Frameworks dies tun:

Ich denke, die Lösung wäre, die Breite von "Spalte-20" zu 100% zu überschreiben, wenn es sich um ein Mobilgerät handelt. Wäre es möglich?

Danke für deine Arbeit 👌🏻

dnohr am 7. Feb. 2018

👍2

Alle 7 Kommentare

Hey @dnohr Guten Anruf!

Die Idee hat mir sehr gut gefallen. Tatsächlich hatte ich mir so etwas schon vorgestellt, bin mir aber nicht sicher, ob das jeder so nutzt. Es wäre interessant, diese Informationen zu kartieren. Könnten Sie mir zeigen, welche CSS-Frameworks zu 100 % auf Mobilgeräten verwendet werden?

cjpatoilo am 7. Feb. 2018

Hallo @cjpatoilo ,

Scheint, als würden diese Frameworks dies tun:

Ich denke, die Lösung wäre, die Breite von "Spalte-20" zu 100% zu überschreiben, wenn es sich um ein Mobilgerät handelt. Wäre es möglich?

Danke für deine Arbeit 👌🏻

dnohr am 7. Feb. 2018

👍2

@dnohr Ich habe eine Möglichkeit gefunden, diese Unterstützung hinzuzufügen und das aktuelle Verhalten beizubehalten. 👍
Vielen Dank, dass Sie diese Verbesserung gemeldet haben.

cjpatoilo am 16. Feb. 2018

Ich habe das gleiche Problem?
Wie löst man das?

Auf Mobilgeräten erwarte ich, dass das Raster die Spalten in Zeilen aufteilt und genau so bleibt wie auf dem Desktop.

martinffx am 15. Sept. 2018

Kann ich dieses Problem beheben?

celebritydeveloper am 17. Nov. 2019

👍1

@celebritydeveloper dieses Verhalten wurde behoben. Schau dir die Demo an:

milligram-mobile

cjpatoilo am 20. Mai 2020

@dnohr @martinffx Vorerst schließe ich dieses Thema.
Bitte zögern Sie nicht, wieder zu öffnen oder ein neues zu eröffnen.