在 iPad 上查看时的响应式网页设计缺少组件

Question

我对响应式网页设计相当陌生，正在寻求指导。我的问题在于缺少组件。我有一个用社交媒体图标固定在底部的页脚，当我在桌面上将其调整为 iPad 大小时，它们是可见的。但是，当我使用真正的 iPad 时，图标不见了。

如果我在 iPad 上刷新得足够快，我可以看到我在页脚下方放置的边框，因此我使用 z-index。没运气。我认为这可能是浏览器的问题，但仍然没有运气。

我是否忽略了什么？

这里是测试站点： http://liannesuggitt.com/test/portfolio/

当以多种尺寸查看时：

http://ami.responsivedesign.is/?url=http://www.liannesuggitt.com/test/portfolio/

如果在实际的 iPad 上查看其中任何一个，页脚中的图标就会消失。

如果有帮助，我正在使用媒体查询。

感谢您的帮助，

Answer 1

这是 Retina iPad 吗？此外，您是否在与 iPad 具有相同分辨率（宽度）的浏览器窗口中查看了该站点。如果是这样，什么浏览器和页脚图标仍然丢失？这将确定问题是特定于 iPad 还是媒体查询本身的问题。