Is there a css @media query that can identify a landscape or portrait display? [closed]

Question

I am trying to create a media query to identify if a screen is landscape or portrait so that I can change the CSS styling when a screen is rotated. Is this possible and how would i do it?

Answer 1

Check out the orientation feature.

@media screen and (orientation: landscape) {
    /* ... */
}

@media screen and (orientation: portrait) {
    /* ... */
}

Side note, this question definitely belongs on StackOverflow instead since it's implementation-specific.