拉伸背景图像以适合iPhone 5屏幕

Question

我希望我的背景图片看起来像在我的移动模拟器中。它在我的手机上看起来不同。在桌面上它完美无缺。

body {
    background-image:url('img/bg.jpg'); background-size:cover; background-position:center center; background-attachment:fixed;
    /*background: #2c373b;*/
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    line-height: 2em;
}

模拟屏幕（我希望它在我的iPhone 5S上显示）

它在我的iphone上看起来如何（背景超级拉伸和模糊）：

Answer 1

您可以尝试这些额外的跨浏览器样式

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;