iOS7/小牛Safari奇怪的元素边界行为



这似乎是iOS7移动Safari和Mavericks Safari 中的一个错误

另一个涉及这个问题的话题是:ios 7浏览器套件div元素周围的黑色边框

只要背景色元素的边缘重叠,就会导致重叠边界"增厚",从而产生奇怪的黑线。

最奇怪的是:当在边界周围缩放时,似乎以看似随机的行为消失又回来。

编辑:这似乎与狩猎背景图像的大小舍入问题有关:https://stackoverflow.com/a/7099348/1515187

有人知道这个错误和解决方法吗?

我刚才遇到了这个bug。当我尝试修改时,它会出现在ios7中。可以将视口设置为<meta name="viewport" content="width=640px, initial-scale=1, maximum-scale=1, user-scalable=no" />

这可以解决问题。

如果您确实需要修改它。错误出现在固定元素中(位置:固定/相对/绝对)。你可以将background:url(about:black)设置为你的固定元素来解决这个问题。但是,如果你试图设置背景色,这个错误会再次出现。所以,设置空的背景,不再。

在我的例子中,我通过在固定的div中设置background:url(about:black)并在内部div中设置我的背景(这不是固定的)来避免这个错误。

希望我能帮助

最新更新