在iPad上查看时，响应式Web设计缺少组件

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相同的分辨率（宽度）的网站。如果是这样，什么浏览器＆amp;页脚图标是否仍然缺失？这将确定问题是否特定于iPad或媒体查询本身存在问题。