使用LESS添加视网膜图像的好系统是什么？

Question

我想使用LESS更有效地将视网膜图像添加到网站。

以下是我正在寻找的潜在解决方案：

@2x: ~"only screen and (-webkit-min-device-pixel-ratio: 2)",
     ~"only screen and ( min-resolution: 192dpi)";

.logo {
   background: url(/images/logo.png) no-repeat 0 0;

  @media @2x {
    .logo {
       background-image: url(/images/logo@2x.png);
    }
  }
}