SRCSET загружает неправильный размер, когда "размеры" не указаны - PullRequest
Новая
       15

SRCSET загружает неправильный размер, когда "размеры" не указаны

0 голосов
/ 07 ноября 2019

Согласно документам, когда sizes не указано в атрибуте изображения, браузер должен автоматически рассчитать требуемый размер на основе рендеринга CSS.

В этом случае мое изображение составляет 300 пикселей, и браузер долженвыберите изображение 300px. Тем не менее, он принимает 1024 пикселей изображения. 

<html>
  <div style="width:300px">
    <img
      width="100%"
      src="https://staging.wpspeedmatters.com/wp-content/uploads/2019/11/migrating-birds-560x336.jpg"
      class="attachment-csco-medium-alternative size-csco-medium-alternative wp-post-image"
      alt=""
      srcset="
    https://staging.wpspeedmatters.com/wp-content/uploads/2019/11/migrating-birds-300x200.jpg   300w,
    https://staging.wpspeedmatters.com/wp-content/uploads/2019/11/migrating-birds-380x253.jpg   380w,
    https://staging.wpspeedmatters.com/wp-content/uploads/2019/11/migrating-birds-768x512.jpg   768w,
    https://staging.wpspeedmatters.com/wp-content/uploads/2019/11/migrating-birds-800x533.jpg   800w,
    https://staging.wpspeedmatters.com/wp-content/uploads/2019/11/migrating-birds-1024x683.jpg 1024w,
    https://staging.wpspeedmatters.com/wp-content/uploads/2019/11/migrating-birds-1160x773.jpg 1160w.
    https://staging.wpspeedmatters.com/wp-content/uploads/2019/11/migrating-birds.jpg          1500w,
    "
    />
  </div>
</html>

https://jsfiddle.net/khsyLxdr/

1 Ответ

0 голосов
/ 07 ноября 2019

Я полагаю, вы неправильно внедрили синтаксис. (Число) ш в конце. Попробуйте изменить его на 1X, 2X и так далее. Также вы пытались указать желаемый размер в CSS? Помните, что HTML будет отображать изображение как есть, если вы не измените его свойства.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...