在Safari移动中渲染边框错误

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

来源

2010-06-10 caruso_g

你能举一些例子吗？否则，我们只会猜测。 – 2010-06-10 14:13:43

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

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

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

来源

2011-01-27 16:35:41 Marcus

这似乎是我提出的[问题]（http://stackoverflow.com/questions/4780896/thin-gray-black-lines-on-web-page-viewed-with-ipad）的答案。谢谢@马库斯（PS，如果你在那里回答，我会接受答案） – Adam 2011-02-05 22:06:06

也回答了http://stackoverflow.com/questions/4780896/thin-gray-black-lines-on-web-page-viewed-with -ipad – Marcus 2011-02-08 12:39:25

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

border: 1px solid transparent;

来源

2013-01-11 13:12:19 Alex

这是一个最好的情境解决方案。这个问题是由Webkit缩放图像时舍入错误造成的。添加边框会改变底层数学，但舍入仍然取决于图像的大小，设备屏幕的大小以及任何用户缩放比例（缩放等）。这意味着在某些情况下，1px的边框将有所帮助，在其他情况下，2px会有所帮助，等等:-p对于所有设备和查看情况来说，这不是一种适合所有人的答案。 – thirdender 2013-08-18 17:18:00

在Safari移动中渲染边框错误

回答

相关问题