背景图像在Iphone和Ipad上无法正确显示

Question

我已经提出了一个类似于这个问题的想法，我的问题被修复了，但事实并非如此。

下面的代码是用于所有背景图像（图像路径并不总是相同的）：

.bg-1 { 
background: url('../Dateien/sharkGround1920.jpg') no-repeat center center fixed; 
background-size: cover; 
background-attachment:fixed; 
} 

上的所有设备，甚至iMac电脑的伟大工程，但错误地显示在iPhone和iPad。

我确实希望background-size是'cover'，因为这只是我使用它的最佳选择。

我发现，当我在互联网上的一个响应式检查站点上测试站点时，我可以通过增加设备高度和固定宽度来重现我网站的Iphone外观。

我的网站： http://www.unterwasserfotografie-thomas-uhl.de/

测试-网站： http://responsivepx.com/

有趣的事情：我可以测试在网络上所有的测试网站，我的网站，它总是在与iPhone的设置看起来不错。只要在真正的Iphone上进行测试，图像看起来就像放大一样。

Answer 1

嗨Christin，您应该插入媒体查询并替换“scroll”的background-attachment。请参阅如下：

@media only screen and (min-width: 768px){ .bg-1 { background: url('../Dateien/sharkGround1920.jpg') no-repeat center center fixed; background-size: cover; background-attachment:scroll !important; } }