Минимальное разрешение не распространяется на хром

Question

Я попытался сделать фоновое изображение для отображения сетчатки.Тем не менее, похоже, что этот код работает с Firefox, но не работает с Chrome.

В Chrome всегда отображается изображение сетчатки, независимо от того, является ли оно сетчаткой или нет.Пожалуйста, дайте мне любой совет.Спасибо.

background: url("../img/top-keyvisual.jpg");

   @media
      only screen and (-webkit-min-device-pixel-ratio: 2),
      only screen and (   min--moz-device-pixel-ratio: 2),
      only screen and (     -o-min-device-pixel-ratio: 2/1),
      only screen and (        min-device-pixel-ratio: 2),
      only screen and (                min-resolution: 192dpi),
      only screen and (                min-resolution: 2dppx) {
      background: url("../img/top-keyvisual@2x.jpg");
   }