Iphone 在某些浏览器上，背景图像的流动性不正确

我正在努力使我的#标题背景图像流畅，这样在任何移动设备上都会很好看。我正在使用这个模拟器来测试我的站点

http://transmog.net/iphone-simulator/mobile-web-browser-emulator-for-iphone-5.php?u=http://toarumajutsunoindex.me/

背景图像在chrome中显示的纵横比不正确，但在firefox中效果良好。我真的不知道它在真正的iphone上是否好看。谁能帮我修一下背景吗

background-image: url(images/header.jpg);
background-repeat:no-repeat;
background-position:top;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
width: 100%;

---

在背景图像（或任何与此相关的图像）上使用百分比将使其缩放以适应屏幕，从而更改纵横比。如果您不希望发生这种情况，但希望它适合屏幕并保持相同的尺寸，请使用以下代码，否则将“cover”改为100%。这应该可以在chrome中使用，也可以在IE中使用-ms过滤器

background: url(images/header.jpg) no-repeat top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header.jpg',     sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header.jpg', sizingMethod='scale');

---

然后将覆盖率改为100%。我使用封面是因为我选择了我的背景图像，这样它们在被剪掉时不会受到视觉上的影响。