In my Ionic app, I am adjusting the width and height of a div based on the viewport dimensions. This setup functions correctly on the browser and Android 4.4 devices. However, it does not work as expected on Android 4.2 (the height is constrained to the text height). Even when switching from using vh to %, the issue persists on v4.2 while still functioning on v4.4.
Below is the code snippet:
HTML
<body ng-app="starter">
<ion-pane>
<ion-content ng-controller="langController">
...
<div id="language-selector" class="row">
<h2>Idioma</h2>
</div>
...
</ion-content>
</ion-pane>
</body>
CSS
#language-selector{
height: 10vh !important;
padding: 0;
background-color: #d1d3d4;
}
Any suggestions on how to resolve this issue specifically for Android v4.2 would be greatly appreciated.
Thank you in advance for your assistance.