h5页面在iPhone中的布局bug

Question

(图1）

（图2，“关闭”右侧有间隙。）

图1是正常情况，在chrome模拟器、安卓手机中都正常，但到了iPhone中就出现了图2的问题。
白底的外层元素设置了 overflow：hidden。
我分析不出到底哪错了，有没有人有经验，遇到过？

Answer 1

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

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

修改后的代码：

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

Answer 2

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