自己已经解决了，简化之后的问题和解决方法如下。
原先的代码：

<p id="grandpa" style="overflow:hidden;">
    <p id="father">
        <p id="mask"></p>
        <p id="me">关闭</p>
    </p>
</p>

修改后的代码：

<p id="grandpa">
    <p id="father" style="overflow:hidden;">
        <p id="mask"></p>
        <p id="me">关闭</p>
    </p>
</p>

用Safari的开发者模式看下在手机运行时的样式，然后在代码里判断平台，是苹果的时候就走苹果的样式，不是的时候走其他样式。