在 Jquery Mobile 中最大化 div[data-role=content]

【问题标题】：Maximise div[data-role=content] in Jquery Mobile在 Jquery Mobile 中最大化 div[data-role=content]
【发布时间】：2011-11-17 03:08:36
【问题描述】：

有没有人真正成功地做到了这一点，似乎网上有很多尝试，但没有人有明确的解决方案。我尝试了很多人建议的插件，但没有任何效果。

我只想让谷歌地图全尺寸（除了页眉和页脚），然后在另一个页面上我想要一个 div 做同样的事情

【问题讨论】：

标签： jquery-mobile

【解决方案1】：

JQuery-Mobile content area 100% height between head and foot

同时我建议使用 iScroll [with CSS position:fixed;仅适用于 iOS5 中的页眉和页脚]

在 iScroll 中，您只需将内容包装到包装器和滚动器类中，其余部分由脚本完成。这是主页http://cubiq.org/iscroll-4，下面是一些代码：

<div id="content" data-role="content">
     <div id="wrapper">
         <div id="scroller">
           your content here.
         </div>
     </div>
</div>

对于 iScroll 初始化，请使用 cubiq 网站上提供的文档。

【讨论】：

请记住，iScroll 4 在 Windows Phone 7 上完全无法使用。这可能是也可能不是问题，具体取决于您的要求。