srcset属性未根据尺寸显示正确的图像

Question

我创建了带有响应图像的HTML页面。我将srcset属性与大小结合使用，以选择同一图像的不同大小。

<img    src="{{ $img_array[2] }}"
    srcset="{{ $img_array[0] }} 100w,
    {{ $img_array[1] }} 160w,
    {{ $img_array[2] }} 350w,
    {{ $img_array[3] }} 550w,
    {{ $img_array[4] }} 750w,
    {{ $img_array[5] }} 1000w"

    sizes=" (max-width:374px) 334px,
    (max-width:479px) 439px,
    (max-width:575px) 535px,
    (max-width:767px) 58px,
    (max-width:991px) 58px,
    (max-width:1199px) 58px,
    58px"

    alt="test">

以1199px宽度，991px宽度和767px宽度，图像在轮播幻灯片放映缩略图中使用。当我使用iPad mini（DPR 2.0）进行测试时，由于DPR为2，我希望加载160W图像。（58 x 2 = 116，因此最接近的图像为160W），但是浏览器在每个视口尺寸中加载550W图像。该如何解决？