Невозможно заставить медиа / художественное руководство работать в Bootstrap 4 Карусели - PullRequest
Новая
       110

Невозможно заставить медиа / художественное руководство работать в Bootstrap 4 Карусели

0 голосов
/ 29 апреля 2020

У меня проблемы с изменением изображения карусели в зависимости от размера экрана.

HTML

<div class="carousel-item active">

                            <picture>
                                <source srcset="../static/images/header_images/dame__roltrap_versions/Version_dame_roltrap_big.jpg" media="(min-width: 851px)">
                                <source srcset="../static/images/header_images/dame__roltrap_versions/Version_dame_roltrap_medium.jpg" media="(min-width: 570px)">
                                <source srcset="../static/images/header_images/dame__roltrap_versions/Version_dame_roltrap_small.jpg" media="(min-width: 400px)">
                                <source srcset="../static/images/header_images/dame__roltrap_versions/Version_dame_roltrap_super_small.jpg" media="(max-width: 399px)">
                                <img src="../static/images/header_images/dame__roltrap_versions/Version_dame_roltrap_small.jpg" alt="Woman in mall" class="img-responsive">
                            </picture>

                        </div>

Я нашел способ сделать изображения на всю ширину, но когда я go на меньшем экране, он просто испортил изображение.

Кто-нибудь может мне помочь с этим?

...