2017-10-24 13 views
0

ASP.NET MVC Core 1.1.2を使用してWebサイトを構築しようとしています。私は、コンピュータのブラウザやモバイルのものの両方を伸ばし見て私のホームページ上のフルスクリーンのスライダーが好きだろうが、それは(下ギャップ)のブラウザで次のようになります(http://www.tutuncarsisi.com/):フルスクリーンスライダを伸ばす方法

On Mobile

をここれますコードの一部:

<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> 
+0

'text-align:justify; display:inline-block' – Justinas

+0

どこにこれを含めるべきですか? div class = "fullscreenbanner" –

答えて

0

data-bgfit="cover"data-bgfit="contain"を変更してみてください。

+0

の5つのスライダが動作しませんでした。画像とdivの間には常にスペースがあります –