Target iphone x in css

Ionic Framework ionic-v3
1

how to target iPhone x height in CSS file
I tried to use @media only screen and (device-height: 812px) but didn’t work

2

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3)

We had used in our project.

3

thank you for the reply …