Question about pictures of slidebox

i want to let the picture of the slidebox zoom automatically with the changing of different size of mobile phones but my picture must be displayed 100%.
i mean ,the ratio of height and width of my picture is allowed to be unfixed

image

anyone can give me some good idea?

as you see that‘s my confusion .

the code mentioned above is

    <ion-slide-box auto-play=true style="height: calc(60% - 157px);">
        <ion-slide  style="background-image: url('img/sample1.jpg');background-repeat: no-repeat;background-size: cover;" >

        </ion-slide>
        <ion-slide  style="background-image: url('img/sample2.jpg');background-repeat: no-repeat;background-size: cover;">

        </ion-slide>

    </ion-slide-box>

thx so much!

Did you fix it? I have the same problem here