У меня есть следующий простой код HTML
<img
srcset="https://picsum.photos/240/240/?random 240w, https://picsum.photos/480/480/?random 480w"
sizes="50vw"
alt="" />
Понятно, как он отображается без отображения сетчатки.Но когда я открываю Chrome Devtools и выбираю «Мобильный просмотр» с DPR 2.0, я не понимаю, что происходит.Браузер размером до 339 пикселей загружает изображение размером 240x240, а начиная с ширины 340 пикселей он загружает изображение размером 480x480.
Не могли бы вы объяснить, почему и, возможно, дать формулу?