Question

我正在努力教我的妹妹如何编程，所以我们两个都在一起。

然而由于某种原因，背景图片不会覆盖整个屏幕（当我在iPhone 4和5设备上使用background-size:cover;时，似乎其他浏览器，台式机和智能手机尺寸都很好。

这是为什么？

function changeBackground(){

    var photo_num = Math.floor((Math.random() * 40) + 1);


    var photo_str ="assets/img/"+photo_num+".jpg";

    document.getElementById("background_image").style.background = "linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.5)), url("+photo_str+") no-repeat center center fixed"; 
    document.getElementById("background_image").style.backgroundSize ="cover";

    changeQuote();

}

这是更改照片和文字的功能。

Answer 1

iPhone版本不如iOS版本重要。我猜你正在运行旧版本的操作系统。 Mobile Safari并不完全支持背景大小：覆盖到iOS 7.1

背景尺寸：封面不适用于iPhone 4或5

1 个答案: