jQueryMobileのコンテンツのdivのサイズを最大化

Question

どのように私は、「コンテンツ」の役割を果たしているのdivのサイズを最大化することができますか？

私は、これは単に基本的なCSSの問題であり得ることを認識し、それはそれはjQueryMobileでCSSに結びついているように感じます。

私はコンテンツのdivでGoogleマップを配置することだし、私は携帯電話のブラウザで利用可能な垂直方向のスペースを埋めるためにマップをしたいと思います。代わりに、それは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フィドルデモする