Question

所以我添加了一些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 iPad上运行

0 个答案: