Окно просмотра для IPAD

Question

Ниже мой код.

<script>
        if(navigator.userAgent.match(/iPad/i) != null && window.matchMedia("(max-resolution: 264dpi)").matches) {
            document.write('<meta name="viewport" content="maximum-scale=1.0, width=1024">');
        } else {
            document.write('<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">');
        }
    </script>

Теперь, если я открою свою веб-страницу в портретном представлении IPAD, она показывает альбомный вид шириной 1024 пикселя. Но ожидаемый вид - только портретный.

Пожалуйста, помогите мне разобраться в чем проблема в моем коде выше.