媒体查询在Android版Chrome上不起作用

我已经为dpi高于200的平板电脑编写了一个媒体查询。 它必须使用的平板电脑是三星Galaxy Tab S 10.5。我正在尝试使用1个媒体查询来访问iPad视网膜和三星Tab S，但不幸的是，它不会像我尝试的那样

@media screen (device-pixel-ratio: 2) and (-webkit-device-pixel-ratio: 2) {
    body {font-size: 20px; }
    .padding-n { padding: 10px; }
    .button{ color: red; }

    /*table alternate row color for iPad*/
    .white-table > table tr:nth-child(2n) { background: #edf4f7;} 
}

此查询在标准Android浏览器中有效，但在Chrome for Android中无效。 在iPad上，它也可以正常工作

---

有人能解决这个问题吗？

我见过这样做的

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}

所以你的答案是：

@media (device-pixel-ratio: 2), (-webkit-device-pixel-ratio: 2) {
    ...
}

或

---

我认为您的示例的问题在于和的使用，这意味着设备像素比：2和-webkit设备像素比：2都必须为真。使用逗号将其转换为OR。

不确定，但您可以尝试以下操作：@media screen和min device pixel ratio:2和-webkit min device pixel ratio:2{…}如果不使用min，则必须正好为2才能工作。你也应该使用和屏幕后。不幸的是，这不起作用。。奇怪的是，媒体查询在iPad上也能正常工作，在默认的Android浏览器上也能正常工作，但在FF和Chrome浏览器上却不行。

@media screen and (device-pixel-ratio: 2), screen and (-webkit-device-pixel-ratio: 2) {
    ...
}