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

最有用的评论

@cjpatoilo

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

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

谢谢你的工作👌🏻

所有7条评论

@dnohr好电话!

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

@cjpatoilo

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

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

谢谢你的工作👌🏻

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

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

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

我可以解决这个问题吗?

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

milligram-mobile

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

此页面是否有帮助?
0 / 5 - 0 等级