html - iOS7/Mavericks Safari 奇怪的元素边框行为

标签 html ios css ios7 webkit

这似乎是 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/

相关文章:

javascript - 如何解码json中绑定(bind)的html内容?

html - HTML 表单的开源动态表单生成器?

ios - 应用程序的 Info.plist 文件应包含 NSBluetoothAlwaysUsageDescription key ,而该 key 位于 plist 文件中

javascript - 在控制台中获取转换矩阵值

javascript - 无法在 JavaScript 上更改 iOS 中的缩放

javascript - 使用我自己的 javascript 功能包装第 3 方 Web 应用程序

html - 如何使大引号正确地环绕在引文周围?

c++ - 如何在 ios 中使用 vImage 旋转和粘贴带有 alpha channel 的图像?

ios - 如何通过自动布局管理imageView的位置(iOS)

html - [Bootstrap ]"Responsive"iframe 被裁剪或太大