Safari mobile中的边界渲染错误

我在Safari Mobile中的元素上渲染了奇怪的边界，这些元素根本没有边界？你知道是什么导致了这个问题吗？我没能找到解决办法。

---

提前感谢您的帮助。

图像边缘有细线吗？比1px薄

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

---

我通过在图像中添加一行背景色像素来解决这个问题。我知道这并不理想，但这是我发现唯一有效的解决方案

图像边缘有细线吗？比1px薄

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

---

我通过在图像中添加一行背景色像素来解决这个问题。我知道这并不理想，但这是我发现唯一有效的解决方案

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

border: 1px solid transparent;

---

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

border: 1px solid transparent;

---

你能举几个例子吗？否则我们只是猜测。你能举一些例子吗？否则我们就只能猜测了。这似乎是我摆出的姿势的答案。谢谢@Marcus（PS，如果你在那里回答，我会接受答案）也回答了这似乎是我提出的答案。谢谢@Marcus（PS，如果你回答的话，我会接受你的答案），回答也是一个情景解决方案。该问题是由Webkit缩放图像时的舍入错误引起的。添加边框会改变基础数学，但取整仍取决于图像大小、设备屏幕大小和任何用户缩放（收缩到缩放等）。这意味着在某些情况下，1px的边界将有帮助，在其他情况下2px将有帮助，等等：-p对于所有设备和查看情况来说，这不是一个一刀切的答案。这最多是一个情景解决方案。该问题是由Webkit缩放图像时的舍入错误引起的。添加边框会改变基础数学，但取整仍取决于图像大小、设备屏幕大小和任何用户缩放（收缩到缩放等）。这意味着在某些情况下，1px的边框会有帮助，在其他情况下2px会有帮助，等等：-p对于所有设备和查看情况，这不是一个一刀切的答案。