Как написать медиа-запрос (в SASS) для небольшого экрана, который также обслуживает отображение сетчатки?

Question

Допустим, у меня есть стиль для точки останова 600px.Но затем, используя ту же точку останова, у меня также есть стиль, когда пользователь использует дисплей с поддержкой Retina.Это правильный путь?

@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);
    }

}