Question

如何最大化扮演“内容”角色的div的大小？

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

我在内容div中放置了Google地图，我希望地图可以填充移动浏览器上的可用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 mobile，所以这可能无法直接使用）：

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

JS Fiddle demo

最大化jQueryMobile中内容div的大小

1 个答案: