jquery-mobile - 如何在方向事件触发时修复移动设备网页高度问题

Question

我是新手，正在尝试创建一个简单的手机网页来调用外部网页。我在页面底部有一个按钮，它是固定的。我做了什么，我从具有外部链接的同一文件夹中调用另一个页面，我通过 Object 元素调用该页面。当设备处于横向视图时，我面临高度问题，只有一半的页面显示并且滚动条也没有进一步向下移动。当我点击被调用页面的外部链接时也是如此。

需要建议和帮助…………

 <content style="width:95%;">   
    <!--<iframe src="h2.htm" id="iframe_a"></iframe>-->
    <object id="vp" type="text/html" data="h2.htm" style="width:100%; overflow:scroll;"></object>
    </content>
    <!--<div id="siteloader"></div>
    <script>
     $("#siteloader")
        .html('<object data="h2.htm">');
    </script>-->
    <div id="downloadButton" style="position:fixed; bottom:0; z-index:2; background:#fff; width:100%;"><input TYPE=SUBMIT Value="DOWNLOAD AT&T REMOTE SUPPORT" />
    </div>