如何拉伸全屏滑块

Question

我正在尝试使用ASP.NET MVC Core 1.1.2构建一个网站。我希望我的主页上的全屏滑块在计算机浏览器和移动浏览器上看起来都很拉伸，但它在浏览器中看起来像这样（下面有间隙）:( Modal）：

http://www.tutuncarsisi.com/

以下是代码的一部分：

<div class="fullscreenbanner-container">
                <div class="fullscreenbanner">
                    <ul>
                        <li data-transition="parallaxvertical" data-slotamount="5" data-masterspeed="1000" data-title="Slide 1">
                            <img src="~/img/index/slider/slider05.jpg" alt="slidebg1" data-bgfit="contain" data-bgposition="top left" data-bgrepeat="no-repeat">
                            <div class="slider-caption container">
                                <div class="tp-caption rs-caption-1 sft start"
                                     data-hoffset="0"
                                     data-y="270"
                                     data-speed="800"
                                     data-start="1000"
                                     data-easing="Back.easeInOut"
                                     data-endspeed="300">
                                    AMSTERDAM
                                    <span></span>
                                </div>

Answer 1

尝试将data-bgfit="contain"更改为data-bgfit="cover"。