4

「コンテンツ」の役割を果たす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% にしたいと考えています。

4

1 に答える 1

3

おそらくjQueryを使用できます（ただし、jQueryモバイルを使用したことがないため、これは直接機能しない可能性があります）：

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

JS フィドルのデモ

于 2010-10-25T22:55:45.820 に答える