这似乎是 iOS7 移动版 Safari 和 Mavericks Safari 中的一个错误
另一个话题涉及这个问题: ios 7 browser-kit black borders around div elements
一旦具有背景颜色的元素在其边缘重叠,就会导致重叠边框“变厚”,从而导致奇怪的黑线。
最奇怪的是:当围绕边界缩放时,边界似乎以看似随机的行为消失并回来。
编辑:它似乎与 safari 背景图像大小舍入问题有关: https://stackoverflow.com/a/7099348/1515187
有人知道这个错误和任何解决方法吗?
最佳答案
我刚才遇到了这个错误。
当我尝试修改 .
您可以将视口(viewport)设置为
<meta name="viewport" content="width=640px, initial-scale=1, maximum-scale=1, user-scalable=no" />
可以解决问题。
如果确实需要修改。 该错误出现在固定元素(位置:固定/相对/绝对)中。 您可以将 background:url(about:blank) 设置为您的固定元素来解决此问题。但是,如果您尝试设置背景颜色,该错误会再次出现。 所以,只设置空背景。
在我的例子中,我通过在固定的 div 中设置 background:url(about:blank) 并将我的背景设置在内部的(不固定的)中来避免这个错误。
希望能帮到你
关于html - iOS7/Mavericks Safari 奇怪的元素边框行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20118199/