Html iPad和iPhone的CSS背景图像特定规则

我正在WordPress网站上工作&iPhone和iPad上的背景图像显示不正确，有人能告诉我应该在CSS样式表中放置什么，让iPhone和iPad完全排除背景图像吗

非常感谢你的帮助

编辑我已经把它添加到我的stylesheet.css中，但是它仍然不能正常工作

    /* iphone 5 */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    background-image: none; 
    background-color: #ffffff;
}


/* iphone 2-4 */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
    background-image: none; 
    background-color: #ffffff;
}

/* ipad mini */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
    background-image: none; 
    background-color: #ffffff;
}

/* ipad 1-2 */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
    background-image: none; 
    background-color: #ffffff;

}

---

如果用户代理字符串与iPhone或iPad匹配，则需要添加一个单独的样式表

IS_IPAD = navigator.userAgent.match(/iPad/i) != null;
IS_IPHONE = (navigator.userAgent.match(/iPhone/i) != null) || (navigator.userAgent.match(/iPod/i) != null);
if (IS_IPAD) {
    IS_IPHONE = false;
}

---

您可以使用Javascript实现这一点

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
      document.getElementById('myDiv').style.background = "none";
}

---

您正试图删除背景图像，但从哪个html元素中删除？在您的媒体查询中，您有以下内容：

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    background-image: none; 
    background-color: #ffffff;
}

但您并没有指定应从哪个html元素中删除哪个背景图像。 假设您正在尝试从身体中删除背景图像。然后你可以这样做：

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    body{
        background-image: none; 
        background-color: #FFF;
    }
}

---

作为一个选项，您可以更改正在使用的常规背景图像，并更改其大小，使其在iphone上工作，然后您可以使用iphone的媒体查询调用该图像。

您是否可以粘贴影响问题的代码位，而不是所有内容。我认为问题不应该是如何排除iOS，而是如何修复iOS。如果您想排除iOS的某些功能，那么很容易在web上有很多库可以检测到这一点，如果您想解决这一问题，请使用类似JSFIDLE的方法发布您的问题。很好的方法，但是让我们尝试解决iOS问题，而不是删除一些功能。