Comprendre les valeurs de largeur srcset

Question

J'essaie de comprendre comment fonctionnent les valeurs de largeur de srcset, mais l'exemple de base que j'ai est de me jeter à l'eau. Étant donné le code ci-dessous, j'attends la grande image à afficher lorsque la fenêtre est> 600px. Cependant, il change réellement à 784px. Je ne suis pas sûr de savoir pourquoi.

<!-- image changes to large variant at 784px instead of the expected 1024px --> 
<img 
    src="small.jpg" 
    srcset="small.jpg 600w, 
      large.jpg 1024w" 
    alt="A test image"> 

Answer 1

Actuellement, Chrome utilise un moyen géométrique pour choisir entre deux candidats d'image. Donc, il utilise encore l'image 600 parce que 1024 est trop grand et donc commute.

Dans une version à venir, Chrome basculera toujours vers l'image supérieure, si vous avez un périphérique à faible densité. Sur les autres appareils, Chrome utilisera toujours une médiane.