ipad 768px väljer bild ur srcset för >=769px

Trädvy Permalänk
Medlem
Registrerad
Aug 2011

ipad 768px väljer bild ur srcset för >=769px

Ur kodsnutten nedan som stöds genom picturefill , när jag testar i Chrome developer tools device mode, så väljer en iPad 768 px med retinaskärm, en bild ur den första srcset-raden som är anpassad för 769px eller mer i bredd. Paddan har ju 768px (även om det är 2x fast det ska ju inte spela någon roll i det här avseendet) så den borde ju välja bild nr2 ur den andra srcset-raden.

Är det Chrome's Device Mode som simulerar dåligt eller är min kod dålig?

(Samma kod på en fysisk Android-platta med 2x hi-dpi skärm och 600px i bredd väljer bild 2 ur den andra raden som den bör.)

<picture> <source srcset="/ibiza1-1200x500.jpg, /ibiza1-2400x1000.jpg 2x" media="(min-width: 769px)"> <source srcset="/ibiza2-768x804.jpg, /ibiza2-1536x1608.jpg 2x" media="(min-width: 641px)"> <source srcset="/ibiza2-640x670.jpg, /ibiza2-1280x1340.jpg 2x" media="(min-width: 321px)"> <source srcset="/ibiza2-320x335.jpg, /ibiza2-640x670.jpg 2x" media="(max-width: 320px)"> <img srcset="/ibiza1-1200x500.jpg, /ibiza1-2400x1000.jpg 2x" alt="sea"> </picture>