CSS全屏背景确实在Dev-tools中工作，但在真实浏览器中不起作用

Question

我已经建立了一个流星应用程序/网站，我试图在此页面顶部（https://www.conducate.com）创建一个响应式全屏背景图像。

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

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

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

https://s3.eu-central-1.amazonaws.com/conducate-images/stackoverflow/example_screenshots.png

非常感谢任何帮助！

Answer 1

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

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

date format=iso 

这不是iOS的情况，在这里您需要明确说明它是一个用于背景的图像。

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