html - Phonegap Windows Phone 8 White Space at the bottom solution not working -
this question has answer here:
i developing phonegap app windows phone 8. testing app on 2 devices, htc windows phone 8s , nokia lumia 820. app displayed correctly on htc device leaves white space @ bottom of nokia device. can assume, address bar present in web view.
the solution have @ moment removes white space @ bottom presents problem.
body, html { -ms-overflow-style: none !important; } @-ms-viewport { height:513px; width: 320px; user-zoom: fixed; max-zoom: 1; min-zoom: 1; }
it rid of white space @ bottom when click on input field within app, width of app adjusts device width.
anyone have ideas?
include in index.html,
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />
include in css:
@viewport { width:320px; } @-ms-viewport { width:320px; zoom-user:fixed; max-zoom:1; min-zoom:1; }
and include this,
body, html { -ms-overflow-style: none !important; }
this solve issue now, worked me in same situation..!! :-)
Comments
Post a Comment