Html 在<；图片>；diashow中的元素

我有一个元素，具有不同设备的给定源。 我不能正确地设置它们的样式，这样图像就可以拉伸以填充容器，这会导致像iPhone12Pro Max这样的大屏幕出现空白

如何将

元素中的

元素设置为

宽度：100%，高度：100%

我已经尝试设置为
display:flex应等同于
对象匹配：覆盖但它不起作用

下面您可以看到设备上的不同结果。在第一张图片中，右边仍然有空白（iPhone 12 Pro Max）。在第二张图片上，图像完全拉伸到视口（iPhone 6/7/8）



更新

这是我的HTML标记，基本上是splide幻灯片中的3个图片元素

<div class="heroHomepageSection">
<div id="image-slider" class="splide">
    <div class="splide__track">
        <ul class="splide__list">
            <li class="splide__slide">

                <picture>
                    <source media="(min-width: 750px)" srcset="<?php echo get_stylesheet_directory_uri() ?>/inc/images/IMG_8792-min.JPG">
                    <source srcset="<?php echo get_stylesheet_directory_uri() ?>/inc/images/mobilePicture.png">
                    <img src="art-direction-vertical.jpg" alt="">
                </picture>

            </li>

            <li class="splide__slide">

                <picture>
                    <source media="(min-width: 750px)" srcset="<?php echo get_stylesheet_directory_uri() ?>/inc/images/IMG_8801-min.JPG">
                    <source srcset="<?php echo get_stylesheet_directory_uri() ?>/inc/images/mobilePicture4.png">
                    <img src="art-direction-vertical.jpg" alt="">
                </picture>

            </li>

            <li class="splide__slide">
                <picture>
                    <source media="(min-width: 750px)" srcset="<?php echo get_stylesheet_directory_uri() ?>/inc/images/IMG_8793-min.JPG">
                    <source srcset="<?php echo get_stylesheet_directory_uri() ?>/inc/images/mobilePicture3.png">
                    <img src="art-direction-vertical.jpg" alt="">
                </picture>
            </li>
        </ul>
    </div>
</div>

其他一切都是由splide库设置的，它在桌面上工作得非常完美。
您也可以访问以下网站：

有人有想法吗？
请添加您的HTML标记和CSS@ProfessorAbronsius我更新了我的问题！：）在Chrome中使用移动设备模拟器，在选择横向之前，一切看起来都正常。这与你描述的效果相同，但规模更大吗？有了蓝色的覆盖层，很难识别tell@ProfessorAbronsius是的，它看起来不错，直到你在更大的设备上试用。例如，试试428x926px，它相当于iphone 12 pro Max。右侧出现一个空格。。。
.splide__list picture{
    min-width: 100%;
    height: auto;
}