我已经问了一个与此类似的问题,我的问题已得到修复,但事实并非如此。
以下代码用于所有背景图像(图像路径并不总是相同):
.bg-1 {
background: url('../Dateien/sharkGround1920.jpg') no-repeat center center fixed;
background-size: cover;
background-attachment:fixed;
}
在所有设备上都能很好地工作,甚至IMac,但在Iphone和Ipad上显示不正确。
我确实希望背景大小为“覆盖”,因为这看起来最适合我正在使用它。
我想通了,当我在互联网上的响应检查站点上测试网站时,我可以通过增加设备高度并保持宽度固定来重现我网站的糟糕Iphone外观。
我的网站: http://www.unterwasserfotografie-thomas-uhl.de/
测试网站: http://responsivepx.com/
有趣的是:我可以在网络上的所有测试网站上测试我的网站,它在Iphone设置上总是看起来很棒。只要在真实的Iphone上进行测试,图像就会放大。
答案 0 :(得分:1)
您好Christin您应该插入媒体查询并替换背景附件“滚动”。请参阅以下内容:
@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;
}
}