Milligram: 移动设备上的网格行为

创建于 2018-01-12 · 7评论 · 资料来源: milligram/milligram

版本信息

毫克 1.3

重现步骤

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

预期行为

我希望在移动网格上看到 100% 的宽度，就像其他 css 框架正在做的那样。

实际行为

网格保持百分比宽度但在两条线上，这看起来很奇怪。

在桌面上

Desktop

在移动

Mobile

关于它的任何解决方案还是预期的行为？

Hacktoberfest improvement

资料来源

dnohr

最有用的评论

嗨@cjpatoilo ，

似乎这些框架正在这样做：

我想解决方案是在移动设备上覆盖“第 20 列”宽度 100%。可能吗？

谢谢你的工作👌🏻

dnohr 于 2018-02-07

👍2

所有7条评论

嘿@dnohr好电话！

我真的很喜欢这个主意。其实我早就想象过这样的东西，但我不确定是否每个人都这样使用它。映射这些信息会很有趣。你能告诉我哪些 CSS 框架在移动设备上 100% 使用吗？

cjpatoilo 于 2018-02-07

嗨@cjpatoilo ，

似乎这些框架正在这样做：

我想解决方案是在移动设备上覆盖“第 20 列”宽度 100%。可能吗？

谢谢你的工作👌🏻

dnohr 于 2018-02-07

👍2

@dnohr我找到了一种添加这种支持并保持当前行为的方法。 👍
感谢您报告此改进。

cjpatoilo 于 2018-02-16

我有同样的问题吗？
如何解决这个问题？

在移动设备上，我希望网格将列分成行，并且它与在桌面上时完全相同。

martinffx 于 2018-09-15

我可以解决这个问题吗？

celebritydeveloper 于 2019-11-17

👍1

@celebritydeveloper此行为已修复。看演示：

milligram-mobile

cjpatoilo 于 2020-05-20

@dnohr @martinffx现在，我将关闭此问题。
请随时重新打开或打开一个新的。