使用 iPad 查看网页上的灰色/黑色细线

新手上路,请多包涵

我们发现 iPad 在我们的网站上显示灰色/黑色细线。它似乎是移动 Safari 上某种形式的缩放伪影。我在下面提供了两个页面片段,并调整了对比度以突出问题,不幸的是,由于 iPad 的显示效果非常好,所以这些线条非常明显。

随着页面的缩放,它们似乎来来去去,看起来 div/图像正在缩放,但边缘出现了舍入问题,导致边缘像素与黑色混合。

有没有人找到解决方法或修复方法?

谢谢

显示无图像的线

缩放 PNG 边缘上的线

原文由 Adam 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 406
2 个回答

iOS 缩放似乎从图像的下一行获取一些数据(可能是插值的舍入误差?)。我做了一些测试,这似乎是一个一致的问题。我将此作为错误报告给 Apple。

向图像添加 1 行背景色像素(或者 1px 填充,如果你愿意的话)似乎可以解决问题。不理想但有效。

通常,可能与 Safari Mobile 上的 Safari Mobile 中的 Rendering borders 错误 相同的问题。

原文由 Marcus 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题