我们发现 iPad 在我们的网站上显示灰色/黑色细线。它似乎是移动 Safari 上某种形式的缩放伪影。我在下面提供了两个页面片段,并调整了对比度以突出问题,不幸的是,由于 iPad 的显示效果非常好,所以这些线条非常明显。
随着页面的缩放,它们似乎来来去去,看起来 div/图像正在缩放,但边缘出现了舍入问题,导致边缘像素与黑色混合。
有没有人找到解决方法或修复方法?
谢谢
原文由 Adam 发布,翻译遵循 CC BY-SA 4.0 许可协议
我们发现 iPad 在我们的网站上显示灰色/黑色细线。它似乎是移动 Safari 上某种形式的缩放伪影。我在下面提供了两个页面片段,并调整了对比度以突出问题,不幸的是,由于 iPad 的显示效果非常好,所以这些线条非常明显。
随着页面的缩放,它们似乎来来去去,看起来 div/图像正在缩放,但边缘出现了舍入问题,导致边缘像素与黑色混合。
有没有人找到解决方法或修复方法?
谢谢
原文由 Adam 发布,翻译遵循 CC BY-SA 4.0 许可协议
iOS 缩放似乎从图像的下一行获取一些数据(可能是插值的舍入误差?)。我做了一些测试,这似乎是一个一致的问题。我将此作为错误报告给 Apple。
向图像添加 1 行背景色像素(或者 1px 填充,如果你愿意的话)似乎可以解决问题。不理想但有效。
通常,可能与 Safari Mobile 上的 Safari Mobile 中的 Rendering borders 错误 相同的问题。
原文由 Marcus 发布,翻译遵循 CC BY-SA 3.0 许可协议
3 回答1.2k 阅读✓ 已解决
4 回答1.4k 阅读✓ 已解决
2 回答980 阅读✓ 已解决
2 回答1.6k 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
2 回答946 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
当 mobile-safari 放大时,我尝试了一系列修复来删除这些灰色细线,我发现的最简单和最灵活的修复是在这里:
http://www.oddodesign.com/2010/css-tip-how-to-prevent-div-seam-lines-from-appearing-in-apples-mobile-safari/
本质上,你添加
给添加了虚线边框的元素。