用 iPad 查看的网页上的细灰/黑线 [英] Thin gray/black lines on web page viewed with iPad

问题描述

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

We're finding the the iPad is displaying thin grey/black lines on our site. It seems to be some form of scaling-artefact on mobile Safari. I've provided two snippets of pages below, with the contrast tweaked to highlight the issue, unfortunately because the iPad display is quite good, these lines are quite noticeable.

随着页面的放大，它们似乎来来去去，看起来像 div/图像被缩放，边缘有圆角问题，导致边缘像素与黑色混合.

They seem to come and go as the page is zoomed, and look like divs/images are being scaled with rounding issues at the edges, causing the edge pixel to be blended with black.

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

Has anyone found a workaround or fix for this?

谢谢

推荐答案

当移动 safari 被放大时，我尝试了一系列修复来移除这些灰色的细线，我找到的最简单、最灵活的修复就在这里:

I tried a bunch of fixes to remove these grey-ish tiny lines when mobile-safari was zoomed in, and the simplest and most flexible fix I found was here:

http://www.oddodesign.com/2010/css-tip-how-to-prevent-div-seam-lines-from-出现在苹果移动野生动物园/

基本上，你添加

margin-bottom:-1px;

添加幻线边框的元素.

这篇关于用 iPad 查看的网页上的细灰/黑线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！