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

时间:2014-07-18 03:30:50

标签: html css

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

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上显示)

enter image description here

它在我的iphone上看起来如何(背景超级拉伸和模糊):

enter image description here

1 个答案:

答案 0 :(得分:0)

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

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