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

时间:2013-11-21 10:20:25

标签: 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

任何人都知道这个错误和任何解决方法吗?

1 个答案:

答案 0 :(得分:0)

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

可以解决问题。

如果您确实需要修改它。 错误出现在固定元素中(位置:固定/相对/绝对)。 您可以将后台:url(about:blank)设置为固定元素以解决此问题。但是,如果您尝试设置背景颜色,则会再次出现该错误。 所以,设置空白背景,不再需要。

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

希望我能帮忙