Prev Demo
Orientation In Media Queries
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <style> p { color: Red; } @media only screen and (orientation:lansdscape) { p { color: green; } } </style> <p>Start scaling the browser, as the size of the browser decreases the red color letters changed to the green color.</p> </body> </html>
Note: We DO NOT save your trial code in our database.
Output