html5 - h5页面在iPhone中的布局bug

问题描述

问 题

(图1）

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

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

解决方案

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

<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>

这篇关于html5 - h5页面在iPhone中的布局bug的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！