Я работаю над страницей со следующей разметкой:

<img
alt=""
src="/banner_home.300x200.jpg"
srcset="/banner_home.300x200.jpg 320w,
       /banner_home.600x400.jpg 480w,
       /banner_home.728x242.jpg 768w,
       /banner_home.920x306.jpg 960w,
       /banner_home.1234x400.jpg 1280w">

и кажется, что в последних версиях Chrome & Opera они игнорируют любой размер экрана и выводят только тот файл, который указан последним (так, в моем случае, 1234x400.jpg).

Используя Picturefill, Firefox и Safari показывают правильное изображение на небольших экранах.

Во время моего сегодняшнего тестирования я запустил Opera, которую давно не открывал. Когда он впервые запустился, он был на v25, и на меньших экранах показывалось бы правильное изображение.

Затем я заметил, что обновление было загружено, поэтому я запустил его, обновился до версии v27, и тогда Opera показала ту же проблему, что и последний Chrome.

Так что, похоже, что-то изменилось в Blink в последнее время.

Кто-нибудь еще может подтвердить это или я просто делаю это неправильно?

Codepen чтобы проиллюстрировать, что я имею в виду.