I have developed a web app using Angular. Testing it with the Web Developer responsive tool in a browser shows that it works fine, but I am encountering position issues when building it for Android using Cordova.
The issue arises particularly when I try to drag the content with a mouse (note the white space on the right).
In my index.html
file, I have the following line:
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimal-ui" />
Additionally, here is the CSS I am using:
body {
overflow: hidden;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}