Я использую srcset для использования адаптивных изображений и flexbox для упорядочивания и макета.Я загружаю много разных версий изображений в моем srcset для охвата большинства случаев, но каким-то образом браузер всегда решает выбрать изображение, которое превышает размер всего тела.
Пример здесь: https://jsfiddle.net/qmbt1ocf/
Структура кода:
<body>
<section id="feed">
// containing srcset
</section
<section id="navigation">
// not containing srcset
</section>
</body>
Раздел навигации подчиняется ограничению ширины страницы, в то время как это не относится к разделу подачи.
Все секции представляют собой флексбоксы шириной 100%, но каждый раз, когда я добавляю адаптивное изображение в поток, он выходит на пару пикселей сверх того, что позволяет флексбокс.
Есть ли у вас какие-либо идеи?что не так?
Спасибо, Лоран