用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-

http://www.oddodesign.com/2010/css-tip-how-to-prevent-div-seam-lines-from-appearing-in-apples-mobile-safari/

基本上，您添加了

margin-bottom:-1px;

添加了虚线边框的元素。

To elements that are getting phantom line borders added.

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