javascript - 如果 iPhone 为 4" (iPhone 5) 不工作，iOS Phonegap javascript 函数会更改 div 的高度

Question

如果手机是 Iphone 5，我想更改 div 的高度。我不太了解 javascript，所以这对我来说有点困难。这是我的 index.html 中的 JS 函数：

       <script>
        function resizeDiv("divId")
        {
            if (window.screen.height==568) { // iPhone 4"
                document.querySelector("meta[name=viewport]").content="width=320.1";
            var obj = document.getElementById(id);
            if (obj)
            {
                obj.setAttribute("style", "height:200px;");
            }
        }


        }
        </script>

我的脑海中也有这些元标记：

    <meta name="viewport" content="initial-scale=1.0">
    <meta name="viewport" content="width=320.1">

请帮忙=)

Answer 1

使用 jQuery：

function resizeDiv(divId) {
    if ( $(window).width() == 480 || $(window).height() == 480 ) {
        $("#" + divId).height(200); // iphone 4                      
    }
    else {
        $("#" + divId).height(200); // iphone 5               
    }
}