css - 移动浏览器上页脚图像的一个像素位移？

Question

我们网站上的页脚在移动浏览器上偏移了 1 像素，我们不明白为什么。

这是它在 iPad 上的屏幕截图。页脚顶部的 1px 绿线不会出现在桌面浏览器中——仅出现在移动浏览器中(在 iPhone & iPad Chrome 和 Safari 上测试过)。

如果您想亲眼看看，请访问 www.panabee.com .

谁能解释为什么会这样？

谢谢!

Answer 1

这是一个时髦的问题。我在不同的缩放级别上看到的不同。

将#page_box 中的最后一个 div 更改为以下样式:

#all_icons {
    margin: 60px auto 54px auto
}

这在 iPad 上以默认缩放级别为我修复了它。

但是，我看到它以不同的缩放级别返回。我会尝试用透明像素交换该图像，看看它是否消失了。我怀疑这与那张图片有关。