Максимизация размера содержимого div в jQueryMobile - PullRequest
Новая
       38

Максимизация размера содержимого div в jQueryMobile

4 голосов
/ 26 октября 2010

Как я могу максимизировать размер div, который играет роль «контента»?

Я понимаю, что это может быть простой вопрос CSS, но кажется, что он связан с CSS в jQueryMobile.

Я размещаю карту Google в разделе содержимого, и мне бы хотелось, чтобы карта заполняла доступное пространство для вертикальных строк в мобильном браузере. Вместо этого, это фиксированный размер около 10 пикселей (дать или взять). 

<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% доступной страницы.

1 Ответ

3 голосов
/ 26 октября 2010

Возможно, вы могли бы использовать jQuery (хотя я не работал с мобильным jQuery, поэтому это может не работать напрямую): 

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

JS Fiddle demo

...