CSS Grid-gap在移动设备上不起作用[重复]

Question

我在我的布局中使用了 CSS 网格，并在 Chrome 和 Firefox 中对其进行了测试，一切都很好。我有一个 4 列布局，其中包含行间距和列间距，在某些媒体查询断点处变成 2 列，然后变成 1 列。这就像一个魅力。我尝试在手机上测试我的页面，似乎一切正常，除了我的网格间隙，它被完全忽略了，没有间隙。然后我尝试在 Edge 中测试我的页面，这里似乎没有一个网格属性在工作。甚至没有它的基本布局。任何想法为什么会这样？我认为在这一点上完全支持网格？

Answer 1

Edge 本身存在问题，并非所有设备都普遍支持。边缘probably still working 左右。老实说，对于现实生活中的复杂布局来说，用 CSS 做 100% 傻瓜式的证明非常困难。

您可以在几乎所有设备上查看this jQuery for flawless grid，以防您立即需要用于生产目的。 jQuery项目有一个基本优势，用户可以报告bug，测试开发。