在Safari移动中渲染边框错误

Question

我在Safari Mobile中没有边框的元素上有奇怪的渲染边框？什么可以导致问题的任何想法？我无法找到解决方案。 在此先感谢您的帮助。

Answer 1

你在图像的边缘有细线吗？比1px更薄？

如果是这样，它似乎与浏览器在缩放时缩放图像的方式有关。它似乎从图像中的下一行获取一些数据，并将其用作图像插值的一部分。

我通过向图像添加1行背景色像素来解决它。我知道，这并不理想，但这是我发现的唯一解决方案。

Answer 2

我有同样的问题。无法找到原因，但通过在元素中添加透明边框来解决它：

border: 1px solid transparent;