How to set @media at once in width and height?

Question

css

iPhone 6/7/8 and iPhone X have the same width - 375px. And their height is different, X has it more.
How to set for X? By height? But then these styles will conflict with the 1080 * 812 breakpoint. Is it possible to set the width and height at once? @media@media

Answer 1

The solution is the following - through a fraction, the ratio of width to height

@media screen and (device-aspect-ratio: 375/812) {
    .ep-box_1 {
       ....
    }
}