html - Understanding srcset width values -
i'm trying understand how srcset width values work, basic example have throwing me off.
given code below, expect large image display when viewport > 600px. however, changes @ 784px. i'm not sure why is.
<!-- image changes large variant @ 784px instead of expected 1024px --> <img src="small.jpg" srcset="small.jpg 600w, large.jpg 1024w" alt="a test image">
currently chrome uses geometric mean choose between 2 image candidates. still uses 600 image because 1024 big , therefore switches.
in upcoming release chrome switch higher image, if have low density device. on other devices chrome still use a median.
Comments
Post a Comment