jQuery Mobile orientation white space

Asked May 22 '14 at 16:05

Active May 19 '19 at 19:00

Viewed 149 times

I'm getting some whitespace when changing the orientation on any device. It looks like this:

enter image description here

I guess this is because jquery mobile sets the min-height of each page to the device-height, but only on init. So the height is still the old device height. I tried out to set it manually with css:

.ui-page {
  min-height: 10px !important;
}

And this sets the min-height on my Desktop correctly (I can't try it in landscape mode obviously) but it has no influence on my problem.

Does anyone know how to delete this area, so that the page ends with the image?

edited May 19 '19 at 19:00

PowerStat

3,757
8
32
57

asked May 22 '14 at 16:05

Philip Feldmann

7,887
6
41
65

why not min-height: 100%? – toesslab May 22 '14 at 16:08
I tried this out as well, it doesn't change anything. I'm not even sure if it is really a height issue. – Philip Feldmann May 22 '14 at 16:21
Can you show abit more code, HTML eg – toesslab May 22 '14 at 16:32
Have a look at this: http://stackoverflow.com/questions/21552308/set-content-height-100-jquery-mobile/ Omars answer gives you the calculation, my answer shows how to apply it on orientationchange, and adds the scroll(0, 0); – ezanker May 22 '14 at 16:53

jQuery Mobile orientation white space

0 Answers0