Адаптивное изображение srcset не отображает правильный размер изображения
<img src="http://example.com/image.png"
size="
(max-width: 763px) 100vw,
(max-width: 763px) and (-webkit-min-device-pixel-ratio: 2) 200vw,
(min-width: 764px) 476px,
(min-width: 764px) and (-webkit-min-device-pixel-ratio: 2) 952px,
(min-width: 1116px) 229px,
(min-width: 1116px) and (-webkit-min-device-pixel-ratio: 2) 458px,
(min-width: 1280px) 295px,
(min-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) 590px,
(min-width: 1436px) 334px,
(min-width: 1436px) and (-webkit-min-device-pixel-ratio: 2) 668px"
srcset="
http://example.com/image476x286.png 476w,
http://example.com/image229x140.png 229w,
http://example.com/image295x163.png 295w,
http://example.com/image334x192.png 334w,
http://example.com/image458x280.png 458w,
http://example.com/image590x326.png 590w,
http://example.com/image668x384.png 668w,
http://example.com/image952x572.png 952w">
Когда я попытался просмотреть изображение в своем браузере, ширина которого составляет 1280 пикселей с дисплеем сетчатки, я ожидал, что браузер отобразит изображение размером 590 Вт. Но на самом деле это рендеринг 952w, могу ли я знать, что я пропустил, или я что-то написал неправильно?
Я проверил браузер, который еще не был на сайте, чтобы убедиться, что изображение не загружается в кеш.