1

所以我添加了一些 javascript 来为我的身体添加一个类 -

var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/(ipad)/);
if (agentID) {
    $("body").attr("id", "ipad");
    return;
}

我有三个媒体查询，一个用于标准移动设备，一个用于视网膜，一些移动样式似乎显示在 iPad 上的 chrome 上，媒体查询如下

@media only screen and (max-device-width: 480px) { 
}

@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

}

我的第三个媒体查询

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and     (orientation : portrait) {
/* Styles */
}

但是我在任一媒体查询中放置的所有样式在 ipad 上的 Chrome 中都没有效果，它在 iPad 上的 Safari 上完美运行。即使添加类的javascript似乎也不起作用，我已经添加了

#ipad body {background-color:red!important;}

到媒体查询之外的主要css，什么也没有。

只是 chrome 不正常。我已经清除了缓存和浏览器数据，但仍然没有。

有任何想法吗？

4

0 回答 0