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

Ada*_*dam 10 html css mobile-safari ipad

我们发现iPad在我们的网站上显示细灰/黑线.它似乎是移动Safari上某种形式的缩放 - 人工制品.我在下面提供了两个页面片段,对比调整以突出问题,遗憾的是因为iPad显示效果非常好,这些线条非常引人注目.

当页面被缩放时,它们似乎来来往往,看起来像div/images正在缩放边缘处的圆角问题,导致边缘像素与黑色混合.

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

谢谢

显示没有图像的线条

缩放PNG边缘的线

Jar*_*son 12

我尝试了一系列修复程序来移除这些灰色小线条,当移动游侠被放大时,我找到的最简单,最灵活的修复方法是:

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

基本上,你添加

margin-bottom:-1px;
Run Code Online (Sandbox Code Playgroud)

添加了虚线边框的元素.

  • 像素精确布局的可怕"解决方案" (5认同)