Я знаю, что некоторые люди уже спрашивали об этом. Я попробовал эти ответы, но пока не повезло.
Это некоторые важные части моего index.html
:
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<body>
<div ng-view>
<!--MY CONTENT HERE-->
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript">
app.initialize();
</script>
</body>
Я загрузил свой контент в <div ng-view>
. Он загружен успешно, но высота не заполнена. Высота зависит только от содержимого.
Это сводка моего загруженного контента:
<div class="parent">
<div class="topcoat-list__container scroller">
<ul class="topcoat-list list">
<li class="topcoat-list__item">
</li>
</ul>
</div>
</div>
И это мой CSS:
html, body, .parent { height: 100vh; width: 100%; margin: 0; /*position:absolute;*/}
Я пробовал height:100%
с position:absolute;
но не везет вообще. Я использовал библиотеку topcoat
в загруженном контенте, но думаю, что это не проблема.
Пожалуйста, любезно помогите мне. Большое спасибо за вашу помощь.
Мне жаль, ребята, мой CSS
путь неправильный. Кажется, мне нужно сделать перерыв LOL. Так или иначе, код в моем вопросе работает :)