iOS7 / Mavericks Safari 奇怪的元素边框行为答案

【问题标题】：iOS7 / Mavericks Safari strange element border behaviouriOS7 / Mavericks Safari 奇怪的元素边框行为
【发布时间】：2013-11-21 10:20:25
【问题描述】：

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

一旦具有背景颜色的元素在其边缘重叠，就会导致其重叠边框“变厚”，从而产生奇怪的黑线。

最奇怪的是：当围绕边界进行缩放时似乎会消失并以看似随机的行为回来。

编辑：它似乎与 safari 背景图像大小舍入问题有关： https://stackoverflow.com/a/7099348/1515187

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

【问题讨论】：

【解决方案1】：

我刚才遇到了这个错误。当我尝试修改 . 您可以将视口设置为 <meta name="viewport" content="width=640px, initial-scale=1, maximum-scale=1, user-scalable=no" />

这可以解决问题。

如果您确实需要修改它。该错误出现在固定元素中（位置：固定/相对/绝对）。您可以将 background:url(about:blank) 设置为您的固定元素来解决此问题。但是，如果您尝试设置背景颜色，该错误会再次出现。所以，设置空背景，仅此而已。

在我的情况下，我通过在固定的 div 中设置 background:url(about:blank) 并在内部设置我的背景（这不是固定的）来避免错误。

希望能帮到你

【讨论】：