2

我正面临一个问题，即我正在开发的为移动设备提供页面的门户无法在 iPhone 上正确显示 - 出现了一些水平线，我后来发现这是一个渲染问题。我还了解到在 Lumia 800 中查看时也会出现线条，尽管我尚未在该设备中对其进行测试。

我也经历过讨论类似问题的线程：
用 iPad 查看的网页上的细灰/黑线
移动 Safari 中的线条伪影
Safari 移动中的渲染边框错误 在
iPad 上呈现时，我的网站上出现了神秘的水平线

但他们中的大多数人建议使用某种方式将边距减少 1 或 2 个像素（负边距）并使用相同数量的填充将其恢复。 

.iosfix{  
margin-top: -1px;  
margin-bottom: -1px;  
padding-top: 1px;  
padding-bottom: 1px;  
}

但这会暴露背景颜色，这是不希望的。我无权更改此类 div 的背景颜色，因为在我的要求中，要显示的内容、颜色样式、布局等都是动态构建的，我无法摆弄这些更改。

我无法在这里发布我的确切代码，但我看到另一个用户在另一个论坛上发布了一个非常相似的问题。以下是该站点：
http
://aaa.dev.energetica.com.au/ 它在桌面浏览器中正常呈现，但在 iPhone（我使用 3GS）中出现了水平线。

  1. 既然已经确定它是 Mobile Safari 的浏览器问题，并且特别考虑到 iOS 6 已经发布，那么这个问题的官方修复是什么而不是“妥协”？
  2. 是否有任何特定于 iOS 的标签来指示浏览器不应在图像周围应用平滑效果？
  3. 在嵌套 div 的情况下，仅对最外层的 div 应用修复就足够了吗？

希望能帮助解决问题，谢谢！

4

0 回答 0