4

如何最大化发挥“内容”作用的 div 的大小？

我认识到这可能只是一个基本的 CSS 问题，但感觉它与 jQueryMobile 中的 CSS 相关联。

我在内容 div 中放置了一个谷歌地图，我希望地图能够填充移动浏览器上可用的垂直空间。相反，它是大约 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 mobile，所以这可能无法直接使用）：

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

JS 小提琴演示

于 2010-10-25T22:55:45.820 回答