Почему неправильно работают медиа-запросы в picture?

Question

[Dymok]

Использую такую разметку:

<picture>
                        <source media="(max-width: 1260px)" srcset="css/images/footer-top-img-xlg.jpg">
                        <source media="(max-width: 1008px)" srcset="css/images/footer-top-img-md.jpg">
                        <img src="css/images/footer-top-img.png"
                             alt="" title="">
</picture>

Открываю страницу при ширине страницы в 900px, но при этом отображается картинка footer-top-img-xlg.jpg.
Что я делаю не так?

Comments

[Шохрух Шаймардонов]

Что говорит devTools? Мало информации.

[Dymok]

Шохрух Шаймардонов, во вкладке network показывает загруженный footer-top-img-xlg.jpg

[Шохрух Шаймардонов]

Dymok, интересно. Ошибок у вас нет

Answer 1

[Вадим Кот]

<picture>
                        <source media="(min-width: 1260px)" srcset="css/images/footer-top-img-xlg.jpg">
                        <source media="(min-width: 1008px)" srcset="css/images/footer-top-img-md.jpg">
                        <img src="css/images/footer-top-img.png"
                             alt="" title="">
</picture>