移动Safari中的线条痕迹

Safari会在我的网站上的某些比例之间呈现黑色线条。当它将两个不同的div切分为一个按钮或某物的图像时，它尤其糟糕。我不能在两个div的父级中放置BG，因为它们是透明的.png。任何解决方案或只是处理它？移动Safari中的线条痕迹

TravisO也有同样的问题，我改变了页面如何布局，原来它是与5行一个简单的表，我删除了行，只是用图像去和br，仍然发生。我试图通过CSS去除所有填充和边距，但很明显，问题不在于浏览器呈现，而是通过重新采样，浏览器将页面转换为适合屏幕的大小。你可以看到我的破页：

2010-10-11 dotLoom

能够看到一些代码可能会有所帮助。 – aqua 2011-01-25 07:38:56

TravisO，你应该在你的CSS摆脱了IMG的造型！如果你只用这个：

<style type="text/css"> 
* 
{ 
    margin: 0px; 
    padding: 0px; 
} 

body 
{ 
    background-color: #f00; 
    text-align: center; 
} 
</style>

它应该在你的iPhone上正确渲染！

2011-01-25 12:05:55

这解决了它，谢谢。 – TravisO 2011-01-25 21:29:24

答案不适用于我。保持行文物。 – mlangenberg 2011-02-22 16:22:51

下面的CSS，添加到具有指定背景图像的有问题的div，是我为它修复的。小于3px的任何内容仍会在某些Safari缩放级别显示轻微伪影。

margin-top: -3px; /* for Mobile Safari dark line artifact */ 
padding-top: 3px; /* for Mobile Safari dark line artifact */

2011-06-10 00:17:21 AlexD

此问题是在移动Safari产生，当它重新调整背景图像用于显示的舍入误差的结果（这是一个错误：http://openradar.appspot.com/8684766）。

解决方法是将其左侧的右键边缘宽度增加1或2px。然后相应地调整你的CSS，所以你添加的1或2像素默认不显示。

2011-08-17 20:54:10 Pistachio

我发现用它周围的'灰色边框'来改变元素的背景颜色，对我来说很有效。

2014-01-14 18:20:29 luminancedesign

将一个initial-scale值添加到视口元标记为我解决了这个问题。

<meta name="viewport" content="initial-scale=1.0">

2014-02-13 21:26:32

我在一个div标签显示为.png图像时，也有类似的问题。在图像的侧面呈现一条细的（我认为是1px的）黑线。为了解决它，我不得不添加以下CSS样式：box-shadow: none;

2014-03-04 19:37:25 Zerato

回答