调整Ion-slide中的图像高度

Question

我有一个小型的Ionic应用程序，基本上允许用户拍照，在应用程序中查看它们，然后将它们发送出去进行处理。在照片页面上，用户拍摄的照片存储在一个绑定到视图的数组中。这些显示在离子载玻片中，如下所示：

<ion-slides style="height: 50vh">
<ion-slide *ngFor="let image of images">
  <ion-card>
    <img (click)="takePhoto()" [src]="image.src" />
  </ion-card>
</ion-slide>

这一切都适用于纵向模式，但是当用户将手机置于横向模式时，图像太大而无法完整显示。我试图摆弄一些css来处理调整大小但是没有成功。即使在设置调整容器大小时，也会显示离子滑块，照片显示仍然会延伸到屏幕边缘。我对CSS非常糟糕，所以我希望有一个简单的解决方案，但到目前为止我还没找到一个。

提前感谢您的任何帮助。