我正在使用 Bootstrap 创建我的网站:www.nickvdesign.com
我希望它能在 Android 和 iOS 设备上完美地缩放背景图像,但是,出现了一个小问题。对于所有 android 设备,我的网站的背景图像可以完美缩放,但是当您在任何 iPhone(4、4S、5)上尝试时,您只会看到原始图像左上角的轻微分区。(这意味着它没有正确缩放。)
背景图像的 CSS 如下所示:
#home {
width:100%;
height:100%;
color:#FFF;
background:url('../img/background.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}