Foundation-图像离开Ipad/Iphone中的容器

Question

图像似乎离开了各自的容器，出现在其下方的文本顶部。这种情况只发生在移动设备上。

在桌面上，即使我放大到500%，也不会发生这种情况。

我使用的是块网格工具和普通网格。

Answer 1

我发现了这个问题。

代码如下：

    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);

是整个垂直对齐的一部分。但似乎对移动设备一点也不友好。我做了一个媒体查询来修复它。