| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style type="text/css"> | |
| @media (orientation: landscape) { | |
| body:before { | |
| content: "landscape"; | |
| } | |
| } | |
| @media (orientation: portrait) { | |
| body:before { | |
| content: "portrait"; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <textarea></textarea> | |
| </body> | |
| </html> |