Как исправить проблему с установкой положения swiper в середине div - PullRequest
Новая
       22

Как исправить проблему с установкой положения swiper в середине div

0 голосов
/ 12 июня 2019

Я пытаюсь установить swiper в середине контейнера div, похоже, он работает только для ширины iphone 5. Я настроил свой единственный класс для этого, но это не работает. Может ли кто-нибудь объяснить мне, как это исправить?

HTML-файл 

  <swiper class="align-middle" #swiper [config]="swiperconfig">
      <ng-container *ngFor="let item of data;">
          <div class="swiper-slide align-middle" >
              <app-ds-widget-component #card [item]="item" [totalFlow]="data.totalFlow"></app-ds-widget-component>
          </div>

      </ng-container>
  </swiper>
</div>

файл scss 

@media (min-width: 570px) and (max-width: 1024px){
  .swiper-view {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;

  }
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
  .swiper-view {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
}
...