基于离子平台的条件SCSS.height

Question

Is there a way to have the scss code respond to the platform height?

In ionic I get the platform height as follows:

this.platform.height()

I have a class in my app.core.scss file that I would like to have the max-width set to 100% if the platform height is >480 and to 50% if the platform height is <=480

Answer 1

@Bill: Try media query first. But what do you mean by platform height ? Is this device screen height?

@media screen and (max-height: 480px){
    .CLASS-TO-BE-SET {
        width: 50%;
    }
}

@media screen and (min-height: 481px){
    .CLASS-TO-BE-SET {
        width: 100%;
    }
}