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

时间:2016-05-13 14:06:58

标签: html css iphone twitter-bootstrap ipad

我已经问了一个与此类似的问题,我的问题已得到修复,但事实并非如此。

以下代码用于所有背景图像(图像路径并不总是相同):

.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上进行测试,图像就会放大。

1 个答案:

答案 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; } }