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