O Chrome / Opera mais recente entendeu errado o srcset?
Estou trabalhando em uma página com a seguinte marcação:
<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">
e parece que, no Chrome & Opera mais recente, eles ignoram o tamanho da tela e apenas exibem o arquivo listado por último (portanto, o 1234x400.jpg no meu caso).
Usando o Picturefill, o Firefox e o Safari mostram a imagem correta em telas menores.
Durante meus testes de hoje, lancei o Opera, que não havia aberto há um tempo. Quando foi lançado, estava na v25 e mostrava a imagem correta em tamanhos de tela menores.
Então notei que uma atualização havia sido baixada, então eu a executei, fui atualizada para a v27 e o Opera exibia o mesmo problema que o Chrome mais recente.
Parece que algo mudou no Blink recentemente.
Alguém pode confirmar isso ou estou fazendo errado?
Codepen para ilustrar o que quero dizer.