如果动态加载，Jquery移动页面高度错误

Question

http://jsfiddle.net/C9emW/1/ 在上面的小提示中，您将看到，我正在尝试仅针对特定屏幕尺寸加载jquery mobile ...但不知何故，页面min-height比应有的长几个像素，因此我结束滚动条。任何想法如何解决这个问题？

我的代码（以防小提琴不起作用）： HTML

<link id="mobileCSS" rel="stylesheet"  href="" />
<div id="wrap">
    <div data-role="page">
                <div data-role="header"><h1>header</h1></div>
                <div data-role="content">
                    <p>content</p>
                </div>
                <div data-role="footer" data-position="fixed"><h4>footer</h4></div>
            </div>
</div>

JS：

$(function(){
                setMobileCss();
            })
function setMobileCss(){
                var windowWidth = window.screen.width < window.outerWidth ?window.screen.width : window.outerWidth;
                var mobile = windowWidth > 600;
                if(mobile)
                {
                    $("#mobileCSS").attr('href','http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css');
                    $.getScript('http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js',function(d){
                        $("#wrap").show();
                    });
                }
                else
                {
                    $("#mobileCSS").attr('href','');
                    $("#wrap").show();
                }
            }

CSS

#wrap{
    display:none;
}