Достаточно ли использования свойства css3 'background-size' для отображения сетчатки?

Чтобы быть максимально сжатым со стилями, я Я бы предпочел не использовать таблицу стилей медиа-запросов, которая включается, если моя страница просматривается с помощью устройства с двойной плотностью пикселей, такого как iPhone 4.

При этом, было бы нормально, если бы я просто сделал что-то подобное?

.icon-1 {
  background-image: url('my-image-64px.png');  // This image is 64 x 64
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
}

Будет ли это работать повсеместно без каких-либо недостатков? Или мне следует сделать какой-то медиа-запрос для устройств с определенной плотностью пикселей?