Я хотел бы реализовать отзывчивые изображения с помощью srcset, как описано здесь, поэтому изображение src, которое загружает пользователь, является наиболее похожим на его резолюция.
Дело в том, что я сделал этот тест и не ответил на изменения в видовом экране,
<img src="https://lorempixel.com/400/200/sports/"
alt=""
sizes="(min-width:1420px) 610px,
(min-width:1320px) 500px,
(min-width:1000px) 430px,
(min-width:620px) 280px,
280px"
srcset="https://lorempixel.com/620/200/sports/ 280w,
https://lorempixel.com/1000/300/animals/ 430w,
https://lorempixel.com/1320/400/cats/ 610w,
https://lorempixel.com/1420/500/abstract/ 1000w,
https://lorempixel.com/1600/600/fashion/ 1220w" />
jsfiddle: http://jsfiddle.net/ad857m1r/9/
Любая идея, что мне не хватает?