<!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>