Атрибут srcset не показывает правильное изображение от размеров - PullRequest
Новая
       0

Атрибут srcset не показывает правильное изображение от размеров

0 голосов
/ 14 ноября 2018

Я создал 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), я рассчитываю загрузить изображение 160 Вт, поскольку DPR равно 2. (58 x 2 = 116, поэтому самое близкое изображение - 160 Вт). Но браузер загружает изображение 550 Вт в каждом размере области просмотра.Как это исправить?

...