javascript - .ion-slide 宽度小于设备宽度，导致最后一张幻灯片后出现空间

Question

我正在使用离子最新版本。使用 ion-slide，我将每张幻灯片的宽度限制为 80%，效果很好。但是如果我们把它滚动到最后，就会留下空白区域，所有的幻灯片都隐藏在左边。

快照：https ://firebasestorage.googleapis.com/v0/b/notpol-staging.appspot.com/o/share.PNG?alt=media&token=12d91447-5a34-499f-b7af-b587acdd6b1b

<ion-slides style="height: 34%" speed="2000">
    <ion-slide style="width:80%">
      <ion-card>
        <img src="./assets/images/slider4.jpg" />
        <ion-card-content>
          <ion-card-title>
            Hair Style
          </ion-card-title>
        </ion-card-content>
      </ion-card>
    </ion-slide>
    <ion-slide style="width:80%">
        <ion-card>
          <img src="./assets/images/slider4.jpg" />
          <ion-card-content>
            <ion-card-title>
              Hair Style
            </ion-card-title>
          </ion-card-content>
        </ion-card>
      </ion-slide>
      <ion-slide style="width:80%">
          <ion-card>
            <img src="./assets/images/slider4.jpg" />
            <ion-card-content>
              <ion-card-title>
                Hair Style
              </ion-card-title>
            </ion-card-content>
          </ion-card>
        </ion-slide>
        <ion-slide style="width:80%">
            <ion-card>
              <img src="./assets/images/slider4.jpg" />
              <ion-card-content>
                <ion-card-title>
                  Hair Style
                </ion-card-title>
              </ion-card-content>
            </ion-card>
          </ion-slide>
  </ion-slides>