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

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -