如何为也适合视网膜显示的小屏幕编写媒体查询（在SASS中）？

Question

假设我有一个600px断点的样式。但是然后，使用相同的断点，当用户使用视网膜就绪显示器时，我也有了一种样式。这是正确的方法吗？

@media (max-width: 600px) {
    background-image: url(img.jpg);
}

@media (max-width: 600px),
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
    background-image: url(img@2x.jpg);
}

或者我可以像这样嵌套它们吗？

@media (max-width: 600px) {
    background-image: url(img.jpg);

    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
       background-image: url(img@2x.jpg);
    }

}