Html 离子3-如何使段落高度与幻灯片高度相同？

我试着把有背景的段落放在幻灯片里。背景不能作为幻灯片高度。我检查了很多方法，但结果都一样

这是我的密码

<ion-slides>
  <ion-slide style="align-items: flex-start; height:auto;">
    <p style="white-space:initial; background-color:lightGray" text-justify>
            Text text text text text text text text text text text text text text text text text text text
        </p>
    </ion-slide>
    <ion-slide style="align-items: flex-start; height:auto;">
        <p style="white-space:initial; background-color:lightGray" text-justify>
            Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
        </p>
    </ion-slide>
</ion-slides>

文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本


文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本

这里的屏幕截图解释了问题和想要的解决方案

ion-slide
{
  background-size:cover;
}