【问题标题】:iPhone zoomed out overlapping sprite imageiPhone缩小了重叠的精灵图像
【发布时间】:2011-08-08 09:59:04
【问题描述】:

精灵图像有一个奇怪的问题。我已经发送了隐藏溢出的确切宽度/高度,它在所有浏览器中都能完美运行,除了在手机上缩小时它显示上面的文本行,即使它在任何其他屏幕上都不可行。

放大到 100% 时效果很好。是否有任何苹果特定的代码可以添加到头部来防止这种情况发生?

【问题讨论】:

  • 给我看你的(代码),我给你看我的……我保证。这个问题的某种图像或重演也会很好。 (如出现问题的photoshop示例。)
  • 我刚刚用打印屏幕更新了问题,它在 iphone 上的外观和开发站点的链接。

标签: iphone css browser


【解决方案1】:

好吧,我怀疑这个。

您知道,Mobile Safari 在显示背景图像时不是很准确。 (即使查看 100%)

因此,您可能想为每个单独的图像添加 2px 填充(在实际图像中)。 (所以他们有大约 4px 将每个单独的图像在所有方面分开。)

这张图片是“罪魁祸首”http://dev.equi-trek.com/webapp/templates/images/mainav-sprite.png,尽管我猜 Mobile Safari 才是真正的罪魁祸首。

【讨论】:

  • 我认为我必须这样做,:-( 起初我认为这可能与:[code]-webkit-text-size-adjust:none;[/code ] 虽然这并没有解决任何问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-09-26
  • 1970-01-01
  • 1970-01-01
  • 2021-05-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多