Alle Bilder in der Matte-card-Bild dieselbe Größe, aber korrekt skaliert

Diese in der Regel nicht ein problem, sondern nur Material 2 ist sehr unter-dokumentiert atm so dass ich Probleme damit alle Bilder die gleiche Größe, aber richtig die Größe mit Fenster ändern

Alle Bilder, die ich habe, waren ziemlich ähnlich in der Größe, habe ich dann aber eins war abit mehr Höhe klug, aber mein Alter code so eingestellt, dass mit einigen bootstrap-Anrufe.

Aber mit dem Bild in eine Matte-card-es ist eine längere Länge und so sieht der Ort hier gezeigt:

Alle Bilder in der Matte-card-Bild dieselbe Größe, aber korrekt skaliert

Das BAC calculator-Bild ist länger als der rest, so sieht es aus Stelle und schiebt die anderen der Anteil unter oder Kräfte in eine leere Zelle, hier mein Aufruf für die Anzeige dieser:

<div *ngIf="data;else other_content">
    <div class="row">
      <div *ngFor="let project of data" class="col-md-6">
        <div>
          <mat-card class="mat-elevation-z4">
            <mat-card-header>
              <div mat-card-avatar class="example-header-image"></div>
              <mat-card-title>{{project.title}}</mat-card-title>
              <mat-card-subtitle>{{project.category}}</mat-card-subtitle>
              <div class="grow-empty"></div>
              <div *ngIf="project.source">
                <button mat-raised-button (click)="openSite(project.source)">SOURCE</button>
              </div>
            </mat-card-header>
            <img mat-card-image src="{{project.image}}" alt="{{project.title}}">
            <mat-card-content>
              <p>
                {{project.detail  | slice:0:250}}...
              </p>
            </mat-card-content>
            <mat-card-actions>
              <button mat-raised-button>Information</button>
            </mat-card-actions>
          </mat-card>
        </div>
        <br>
      </div>
    </div>
  </div>

Wenn ich die Höhe als statische wie '300', es technisch wird das Problem behoben, aber die umskalierung wird nur ruinieren es

Ich soll es zu einem festen Maßstab, wie es ist, aber nehmen Sie ein beliebiges Bild und Skalierung nach oben/unten zu sitzen und eine angemessene Größe für die Karte selbst (wie Callum.Tech-Karte zum Beispiel)

  • Nicht sicher, ob ich das Problem vollständig, was die BAC-Bild den Profil Bild? und in der div-Klasse zeigst du es?
  • Das untere Rechte Bild, die größer ist als die anderen, wegen mir haben Sie es größer, ich will, dass Sie alle die gleiche Art von Größe
InformationsquelleAutor Cacoon | 2017-10-20
Schreibe einen Kommentar