Скрипт для ретина изображений?

Question

[Tigronix]

Всем привет и заранее спасибо!
Собственно код ниже, css и jquery.
Я понимаю, что нужно в скрипте указать условие, чтобы работало только при достижении 144 dpi. Но как это правильно сделать не могу дорубить...
img {max-width: 100%;}

$(document).ready(function(){
    $(window).load(function() {
    var images = $('img');
    images.each(function(i) {
    $(this).width($(this).width() * 2);
    });
    });     
});

Answer 1

[Вячеслав Лебедев]

Может будет лучше на css?
Раз, два, три

Comments

[Tigronix]

media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
img {max-width: 100%;}
}

Такой вариант подойдет для увеличения img?

[Вячеслав Лебедев]

пробуй, исследуй :) я не работал с device-pixel-ratio, поэтому больше чем подсказал помочь не смогу. рой в этом направлении, особенно по 3 ссылке там много всего на данную тему :)

[Tigronix]

Вячеслав Лебедев: спасибо