Question

I like it when the adress bar disappears on my iphone when i visit a website. This can be done by a minimal height. I try to do this a proper way with css.

If i use this, then it goes fine, except i don’t find this friendly for other phones (the value is a bit extreme now..):

body {
    min-height: 9000px;
}

If i use this, then it doesn’t work.

body {
    min-height: max-device-height;
}

what is a good way to deal with this problem?

Answer 1

i would use this javascript:

var height = screen.availHeight;
element.style.setAttribute("min-height",  height + 'px', false);

for element u have to use the element u want to set of course…