Question

我正在使用离子最新版本。使用离子滑片，我将每张幻灯片的宽度限制在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>

.ion-slide width小于设备宽度，导致最后一次滑动后的空间

0 个答案: