Ionic - Image scale is not respected on some devices Ask

I made an app with Ionic framework and I have a problem on some devices. This is my homepage :Good display

And on some devices (iPhone 5S, iPhone 5C, Samsung S5), the page is displayed like this : Wrong display

This page is made with an ion-grid. Here is a part of my css :

 ion-grid{
        height: 100%;

        ion-row.homeM{
            height: 20%;

            img{
                height: 80%;
            }
            p{
                margin-top: 0px;
            }
        }

        ion-row.homeML{
            height: 25%;

            img{
                height: 75%;
            }
            p{
                margin-top: 0px;
            }
        }
    }

ion-row.homeM is for portrait display and ion-row.homeML is for landscape display.

Help is welcome :slight_smile: !

Thanks

ion-grid is auto responsive so give height: 20%; to row is not best practice. you have to maintain size of image only so ion-row never overlap each other.