Максимизация размера содержимого div в jquerymobile
-
26-09-2019 - |
Вопрос
Как я могу максимизировать размер дива, который играет роль «контента»?
Я осознаю, что это может просто стать основным вопросом CSS, но оно похоже, что он привязан к CSS в JQueryMobile.
Я помещаю карту Google в Content 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% доступной страницы.
Решение
Возможно, вы можете использовать jQuery (я не работал с jQuery Mobile, хотя это может не работать напрямую):
$(document).ready(
function(){
$('#content').height($(window).height()*0.8);
}
);
Не связан с StackOverflow