iOS CSS位置错误（位置：相对位置不适用于移动设备）

Question

我有一个div，它需要position: relative才能使div垂直居中。它可以在计算机浏览器上正常工作，但是在某些iOS设备上似乎没有应用position: relative。因此，div的样式如下：transform: translateY(-50%)在顶部减少了50％。

下面是我的代码的简化版本：

<div id="parent" style="position: relative">
    <div id="child" style="position: relative; top:50%; transform: translateY(-50%);">
        <p>Some content</p>
    </div>
<div>

关于我的代码设置方式，是否导致某些特定iOS设备（在iPhone 8而非6上）不能特定地工作？