Untitled

<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="HandheldFriendly" content="True">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />

    <title>TEST</title>

    <style>
    html, body {
        width: 100%; height: 100%;
        padding: 0; margin: 0;
    }
    @media (max-width: 240px) {
        html, body { background-color: red; }
    }
    </style>
</head>
<body>
    <div>
        <script>
        document.write(screen.width + 'x' + screen.height);
        </script>
    </div>
    <hr style="width: 240px;">
    <hr style="width: 320px;">
</body>
</html>