Fixing the Tab Bar on the screen – Android 2.2 and higher

Fix the position of the tab bar by updating HTML and CSS.

To fix the tab bar in one location on the screen on Android 2.2 and higher, perform the following steps:

1. Add the following meta tag to the HTML HEAD section:
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

2. Update the Android CSS BODY tag to also apply to the HTML tag, as follows:

   html, body {
     height: auto;
     overflow: auto;
   }

Parent topic: JavaScript API for UI controls