تعظيم حجم المحتوى div في jQueryMobile
-
26-09-2019 - |
سؤال
كيف يمكنني تعظيم حجم DIV الذي يلعب دور "المحتوى"؟
أدرك أن هذا قد يكون ببساطة سؤال CSS أساسي ، لكنه يبدو أنه مرتبط بـ CSS في jQueryMobile.
أقوم بوضع خريطة Google في محتوى Div وأود أن تملأ الخريطة مساحة الدوار المتاحة على متصفح الهاتف المحمول. بدلاً من ذلك ، يبلغ حجمه حوالي 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 ٪ من الصفحة المتاحة.
المحلول
ربما يمكنك استخدام jQuery (لم أعمل مع JQuery Mobile ، لذلك قد لا يعمل هذا مباشرة):
$(document).ready(
function(){
$('#content').height($(window).height()*0.8);
}
);
لا تنتمي إلى StackOverflow