Milligram: Comportamiento de la cuadrícula en dispositivos móviles
Información de la versión
- Miligramo 1,3
pasos para reproducir
<div class="row">
<div class="column">test</div>
<div class="column column-20"">test 2</div>
</div>
Comportamiento esperado
Esperaba ver un ancho del 100% en la cuadrícula móvil, como lo están haciendo otros frameworks CSS.
Comportamiento real
La cuadrícula mantiene el ancho porcentual pero en dos líneas, lo que parece extraño.
En el escritorio
En movil
¿Alguna solución al respecto o es el comportamiento esperado?
dnohr
Todos 7 comentarios
Hola @dnohr ¡Buena llamada!
Me gustó mucho la idea. De hecho, ya me había imaginado algo así, pero no estoy seguro si todo el mundo lo usa de esa forma. Sería interesante mapear esta información. ¿Podrías mostrarme qué marcos CSS usan al 100% en dispositivos móviles?
cjpatoilo
en 7 feb. 2018
Hola @cjpatoilo ,
Parece que estos marcos lo están haciendo:
Supongo que la solución sería anular el ancho de la "columna-20" al 100% si está en un dispositivo móvil. ¿Seria posible?
Gracias por tu trabajo 👌🏻
dnohr
en 7 feb. 2018
@dnohr He encontrado una manera de agregar este soporte y mantener el comportamiento actual. 👍
Gracias por informar de esta mejora.
cjpatoilo
en 16 feb. 2018
¿Tengo el mismo problema?
¿Cómo se resuelve esto?
En el dispositivo móvil, espero que la cuadrícula divida las columnas en filas y se mantenga exactamente igual que cuando estaba en el escritorio.
martinffx
en 15 sept. 2018
¿Puedo solucionar este problema?
celebritydeveloper
en 17 nov. 2019
@celebritydeveloper este comportamiento fue arreglado. Mira la demostración:
cjpatoilo
en 20 may. 2020
@dnohr @martinffx Por ahora,
Por favor, siéntase libre de reabrir o abrir uno nuevo.
cjpatoilo
en 20 may. 2020
Temas relacionados
kresogalic8
·
5Comentarios
faststare
·
4Comentarios
piever
·
3Comentarios
alzearafat
·
4Comentarios
schirrel
·
3Comentarios
Comentario más útil
Hola @cjpatoilo ,
Parece que estos marcos lo están haciendo:
Supongo que la solución sería anular el ancho de la "columna-20" al 100% si está en un dispositivo móvil. ¿Seria posible?
Gracias por tu trabajo 👌🏻