Занимайте общую высоту и ширину классов во всех изображениях - PullRequest
Новая
       6

Занимайте общую высоту и ширину классов во всех изображениях

0 голосов
/ 11 февраля 2020

Проблема:

Я создал ползунок изображения, однако моя проблема в том, что я не могу заполнить ширину и общую высоту (100%) отбрасывания и ab c классов.

Вопрос:

Как заставить все изображения занимать всю их площадь, не теряя при этом их качества?

код 

<div class="col-md-6" style="overflow-y: auto;">
    <div class="drosp">
        <div class="c">
                <ng-template>
                    <ngb-carousel id="carousel" #carouse *ngIf="imagens" >
                        <ng-template *ngFor="let imgIdx of imagens; let i = index" [id]="i" ngbSlide>
                            <div class="picsum-img-wrapper">
                                <img [src]="imgIdx.Imagem" class="img-responsive">
                                </div>
                            </ng-template>
                        </ngb-carousel>
                    </ng-template>
                </div>
                </div>

Ответы [ 2 ]

1 голос
/ 11 февраля 2020

Попробуйте добавить эти стили: 

ngb-carousel,
:host ::ng-deep ngb-carousel .carousel-inner,
:host ::ng-deep ngb-carousel .carousel-item,
:host ::ng-deep ngb-carousel .picsum-img-wrapper {
  height: 100%;
}

.img-responsive {
  obejct-fit: cover;
}
0 голосов
/ 11 февраля 2020

Можете ли вы попробовать изменить: 

<img class="img-responsive" [src]="imgIdx.Imagem" style="width: 100%; height: 100%; border-radius: 8px;">

Кому: 

<img [src]="imgIdx.Imagem" style="height: 100%; width: auto; border-radius: 8px;">
...