在ipad和iphone safari的divs的单子像素失准

概述我有以下情况，我需要一些帮助… >两个div，相同的大小，相同的位置，一个在另一个的顶部 >一切正常工作正如预期在桌面浏览器 >在iphone / ipad上，一个微弱的线出现在div的边框周围 >这条模糊线并不总是在所有四个边框上。它根据div的位置而改变。它看起来是发生由于两个div不正确排队的结果，但根据他们的风格设置，他们是相同的大小和位置。 您可以在这里查看结果：http://www.t 我有以下情况，我需要一些帮助…

>两个div，相同的大小，相同的位置，一个在另一个的顶部
>一切正常工作正如预期在桌面浏览器
>在iphone / ipad上，一个微弱的线出现在div的边框周围
>这条模糊线并不总是在所有四个边框上。它根据div的位置而改变。它看起来是发生由于两个div不正确排队的结果，但根据他们的风格设置，他们是相同的大小和位置。

您可以在这里查看结果：http://www.thoughtartistry.com

有任何想法吗？

解决方法 我在最近的一个项目中有一个类似的问题，我有背景图像蒙版具有不同的背景颜色，以着色移动Safari中的结果图标。问题是，当页面缩放由Safari，有一行背景颜色显示在图像周围，即使它应该已被屏蔽。我从来没有找到一种方法来防止背景颜色的泄漏，当页面缩小。这显然是移动Safari的算法中的一个错误，重新计算背景和掩码。我找到了一个解决方法：我把一个大纲与元素的父元素的背景颜色相同的元素。轮廓在元素之外，因此掩盖了部分渗出。如果你的元素的父类有一个强烈的模式背景，这将不会很好，但如果它是一个纯色，它会做的很好。 总结

以上是内存溢出为你收集整理的在ipad和iphone safari的divs的单/子像素失准全部内容，希望文章能够帮你解决在ipad和iphone safari的divs的单/子像素失准所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。