CSS 全屏背景在 Dev-tools 中有效，但在真实浏览器中无效

Question

我已经构建了一个 Meteor App/Website，我正在尝试在此页面的顶部设置响应式全屏背景图片 (https://www.conducate.com)。

它在 Chrome 开发人员工具以及 Safari 响应式设计模式下按预期工作，但是当我部署页面并在我的手机上查看它时，它似乎放大到顶部图像的大小，并且不会按照开发工具的预期调整大小。结果，只能看到灰色模糊。

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

下面是一张带有屏幕截图的 link 图片，一张来自我的手机（iPhone 6s，safari 浏览器），另一张来自我 mac 上的 safari 响应式设计模式.不幸的是，由于缺乏声誉，我无法 post 图片，所以我只能 post link - 我在这里还是个新手...

非常感谢任何帮助！

Answer 1

在搜索 iOS 个具体问题后，我终于通过查看其他示例找到了问题的解决方案。

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

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

iOS不是这种情况，这里需要特别说明是图片，是用来做背景的

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

CSS Fullscreen background does work in Dev-tools but not in real browser