2017-10-24 1 views
0

ASP.NET MVC Core 1.1.2를 사용하여 웹 사이트를 구축하려고합니다. 나는 컴퓨터 브라우저 및 모바일 것들 모두에 뻗어 봐 내 홈페이지에 전체 화면 슬라이더를하고자하지만 (아래 간격으로) 브라우저에서 다음과 같습니다 (http://www.tutuncarsisi.com/를)전체 화면 슬라이더 스트레치 방법

On Mobile

다음

입니다 코드의 일부 : data-bgfit="cover"data-bgfit="contain"을 변경

<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 클래스 = "fullscreenbanner" –

답변

0

시도.

+0

아래에 5 가지 슬라이더가 작동하지 않았다. 이미지와 div 사이에는 항상 공백이 있습니다. –

관련 문제