Html CSS全屏背景在开发工具中可用，但在真正的浏览器中不可用

我已经建立了一个Meteor应用程序/网站，我正在尝试在页面顶部有一个响应性的全屏背景图像（）

它在Chrome开发者工具和Safari响应设计模式中都能正常工作，但当我在手机上部署页面并查看它时，它似乎会放大图像的顶部，并且不会按照开发者工具的预期调整其大小。因此，只能看到一个灰色模糊

你们中有谁以前遇到过这个问题吗？调试很困难，因为它在所有开发人员工具中都能正常工作，但在移动设备上实际查看时却完全不能

下面是一个带有屏幕截图的图片链接，一个来自我的手机（iPhone 6s，safari浏览器），另一个来自mac上的safari响应设计模式。不幸的是，我无法发布的形象，由于缺乏声誉，所以我可以只张贴链接-我仍然是一个新手在这里

---

非常感谢您的帮助

在搜索了一些特定于iOS的问题后，我通过查看一些其他示例，最终找到了解决问题的方法

事实证明，大多数浏览器都理解css行

.container{
   background: url(http://www.link-to-image.jpg)
   ...
} 

iOS的情况并非如此，这里您需要特别声明它是一个图像，用于背景

.container{
 background-image: url(http://www.link-to-image.jpg)
 ...
}

---

你用的是什么手机？我用的是iPhone 6s，手机上的chrome和safari有问题。你认为你能做一个演示吗？我的问题是我不知道是哪个组件导致了问题。因此，我认为在网站上发布一个链接会有所帮助，因为我无法在不部署某些东西的情况下复制该问题，因为该问题没有显示在开发者工具中。Android上没有特刊。至少发布一个截图。如果您受到声誉特权的限制，请删除您的URL，或者获得一些声誉。