Ios 我的背景在手机和平板电脑上看起来不对劲，怎么办？

当我测试Ipad和Iphone时，我的背景看起来完全错误。 我已经在stackoverflow上搜索了我的问题，但是运气不好！ 我知道背景尺寸：封面是个问题，但我不知道如何解决它

#home, #music, #videos, #tourplan, #facebook, #profile, #downloads {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#home, #videos, #downloads {
    height: 100vh;
}
#music, #tourplan, #facebook, #profile {
    min-height: 100vh;
    height:auto;    
}

---

我同意背景尺寸：由于宽度太小，Ipad和Iphone的封面不能正常工作。所以，若你们有问题，你们可以根据你们对Ipad和Iphone的选择使用任何背景色

/* Ipad Layout: 480px. */

@media only screen and (min-width:480px) and (max-width: 767px){ {
    #home, #music, #videos, #tourplan, #facebook, #profile, #downloads {
    background: #ddd; /* Just as an example */
    }
}

/* Iphone Layout: 360px. */

@media only screen and (min-width: 360px) and (max-width: 479px) {
    #home, #music, #videos, #tourplan, #facebook, #profile, #downloads {
    background: #ddd; /* Just as an example */
    }   
}

如果希望使用不同的背景颜色而不是不同的背景图像，可以使用以下代码：

#home {
          background: #ddd; /* Just as an example */
}
#music {
       background: #eee; /* Just as an example */
}
#videos {
        background: #fff; /* Just as an example */
}
#tourplan {
          background: #000; /* Just as an example */
}
#facebook {
          background: #00ff00; /* Just as an example */
}
#profile {
         background: #ff0000; /* Just as an example */
}
#downloads {
           background: #0000ff; /* Just as an example */
}

在这种情况下，您需要将此代码放在特定的CSS媒体查询区域中。您需要更改元素颜色，如文本颜色等。要查看这样的网站，请访问此链接：

---

保持良好状态。

试着使用圆形尺寸：100%100%；可能是你的vh单元-IOS报告错误行为-这是正确的Pete，有任何解决方案的建议吗？顺便说一下，你可以尝试使用CSS媒体查询绕过它？？？