最大化jQueryMobile内容div的大小

Question

我怎样才能最大限度地播放的“内容”角色的div的大小？

我认识到，这可以简单地是一个基本的CSS的问题，但感觉就像它被绑定到在jQueryMobile CSS。

我把一个谷歌地图在内容股利和我想的地图，以填补在手机浏览器的可用空间verticle。相反，它是大约10px的固定大小（给予或采取）。

<div data-role="page">
 <div data-role="header" class="ui-header ui-bar-a">Header</div>
 <div data-role="content" class="ui-body ui-content">
  <div id="divMap">google map via javascript</div>
 </div>
 <div data-role="footer">footer</div>

在这种情况下，总是jQueryMobile其内容创建最小尺寸，我总是希望它是可用页面的80％。

Answer 1

您也许可以使用jQuery（我没有使用jQuery移动的工作，虽然如此，这可能不是直接工作）：

$(document).ready(
  function(){
    $('#content').height($(window).height()*0.8);
  }
);

JS小提琴演示