Как понять параметры атрибута sizes для атрибута srcset?

Question

[Алексей]

sizes="(max-width: 300px) 100vw, 300px"

Answer 1

[Сергей]

Твой же вопрос в гугле, первый результат и все предельно ясно объясняют www.webmasters.by/articles/html-coding/3485-adapti...

Comments

[Алексей]

Это статью я читал, но в ней нет ответа на:
1. что значить max-width: 300px
2. почему два параметра 100vw, 300px ?

[Илья Герасимов]

max-width: 300px ширина экрана
100vw ширина картинки относительно области просмотра в процентах

[Алексей]

Илья Герасимов, а 300px к чему относится?

[Илья Герасимов]

если ширина экрана меньше, либо равна 300px растянуть изображение на 100% относительно блока,
если правильно задать srcset браузер под это правило подберет подходящее изображение

[Алексей]

Илья Герасимов, последние 300px что значит?

[Илья Герасимов]

Алексей selftrips.ru, иначе, фоллбек-дефолт, стандартно картинка шириной в 300px, если правильно задать srcset браузер под это правило подберет подходящее изображение

[Алексей]

Илья Герасимов, вроде понятно, спасибо