gpt4 book ai didi

iphone - ipad 和 iphone safari 上 div 的单个/子像素未对齐

转载 作者:IT王子 更新时间:2023-10-29 07:52:50 25 4
gpt4 key购买 nike

我遇到了以下情况,我需要一些帮助...

  1. 两个 div,大小相同,位置相同,一个在另一个之上
  2. 在桌面浏览器上一切正常
  3. 在 iphone/ipad 上,div 的边框周围出现一条微弱的线条
  4. 这条微弱的线并不总是在所有四个边界上。它根据 div 的位置而变化。这看起来是由于两个 div 没有正确对齐而发生的,但根据它们的样式设置,它们具有相同的大小和位置。

您可以在此处查看结果:http://www.thoughtartistry.com

有什么想法吗?

最佳答案

我在最近的一个元素中遇到了类似的问题,我使用不同背景颜色的背景图像 mask 来为移动版 Safari 中生成的图标着色。问题是当页面被 Safari 缩小时,图像周围会显示一条背景色线,即使它应该被遮盖。我从来没有找到一种方法来防止页面缩小时背景颜色泄漏。这显然是移动版 Safari 重新计算背景和 mask 的算法中的一个错误。我确实找到了一个解决方法:我在元素上放置了一个轮廓,其颜色与元素父元素的背景颜色相同。轮廓在元素外部,因此掩盖了渗出的部分。如果你的元素的父元素有一个强烈的图案背景,这将不会很好地工作,但如果它是纯色,它会做得很好。

关于iphone - ipad 和 iphone safari 上 div 的单个/子像素未对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5832869/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com