Вопрос о картинке srcset tag - PullRequest
Новая
       43

Вопрос о картинке srcset tag

0 голосов
/ 04 июля 2018

Я пытаюсь показать изображение с лучшим разрешением и не таким большим размером img на моем мобильном веб-сайте, используя srcset.

Вот проблема. Моя текущая страница имеет размер img_260 размером 260x260. Но мой тег должен иметь ширину 140 ~ 180 [может быть 140 или 180 в зависимости от типа моего мобильного устройства]

Итак, если мой тип устройства представляет только 1dpr, я думал, что он должен показывать img180, потому что его размер 180 ширины. И если мой тип устройства представляет 2dpr, я думал, что он должен получить 360w, потому что размер 360 img станет 180 размером в 2dpr. Но в моем мобильном веб-браузере он всегда получает размер 360 * img.

Пожалуйста, нужна помощь. 

  <div>
       <picture>
           <source srcset="img180 180w, img260 260w, img360 360w">
       </picture>
    </div>

1 Ответ

0 голосов
/ 07 июля 2018

Да, я понял. На самом деле вы должны использовать три тега srcset для трех изображений, но вы используете только одно. Посмотрите на https://www.w3schools.com/tags/tag_picture.asp. Это вам поможет.

...