Wysokość na całą przestrzeń okna przeglądarki.

Cześć. Co robicię w sytuacji gdy macię stronę na 100% wysokości, aby zajmowała całe okno przeglądarki biorąc pod uwagę urządzenia mobilne. Na telefonach przeglądając stronę niby wszystko jest ok, ale otwierając pasek do wprowadzenia URL przeglądarka zmienia wielkość okna przez co przeskakuje cały div dopasowują się do nowej wielkości, co na telefonach wygląda tak sobie. Gdy chce jednak dalej przewijać, a pasek się chowa to znowu przeskakuje cała treść o kilka % w celu dopasowania div 100% do nowej wielkości okna. Co w takich przypadkach robicie?

Nie chodzi o większy odstęp pomiędzy divami bo to normalne gdy się powiększa i pomniejsza, ale ogólnie o to, że nawigacja wpływa na wielkość okna.

Podobny efekt zaobserwujecie na: http://www.montere.it/?cat=37&lang=en

Sprawdzając ten efekt korzystajcie z chroma na aplikacje mobilne

ja bym spróbował wymusić pozostawienie paska na zawsze.
Robisz div z position: abosolute, top: 0, left: 0, right: 0, bottom: 0, i overflow: auto jako kontener na wszystko i to powinno zapobiec chowaniu się paska z url. Jeżeli to rozwiązanie nie działa to musiałbyś zobaczyć jak ma to zrobione webowy klient IRC o nazwie shout.js. Tam to tak właśnie działa, że pasek adresu jest zawsze widoczny.

innego rozsądnego rozwiązania nie widzę.

To rozwiązanie działa :) Nie wiem czy nie będzie z tym problemu dla urządzeń o mniejszej przekątnej ekranu wyświetlać dodatkowo pasek adresu. Mógłbyś jeszcze powiedzieć dlaczego ten kod działa tak jak działa? :)

Ponieważ tylko scrollowanie po głównym elemencie powinno wywoływać taki efekt. Wyobraź sobie stronę, w której są 3 boksy z suwakami. To by było bez sensu, gdyby przesuwanie jednego indywidualnego boksa miało powodować chowanie/pokazywanie się paska adresu. No więc tu tworzysz sobie taki indywidualny boks, tylko zupełnie przypadkiem na cały wymiar ekranu ;)

Widoczny pasek adresu nie powinien stanowić problemu na małych ekranach - starsze telefony w ogóle nie miały tego ficzera ;)

Zostają więc 3 wyjścia.

1. Zostawić tak jak jest i dać sobie z tym spokój. Na chromie jest to denerwujące przesunie się treść o te kilka % , ale na zwykłej wbudowanej przeglądarce problem nie występuje.
2. Zostawić pasek adresu, ale np kumpel jest zdania, że lipa z miejscem.
3. Ustawić minimal height na załóżmy 610px bo wtedy jeszcze to nie wpływa dla rozdzielczości 5' ale np przy 4 zdjęcie z galerii jest większe niż dostępny obszar.

Strona znajduje się pod adresem:
http://szmq.site88.net/test.html

Jak to wygląda z tym paskiem? jak myślisz?

Zostawiam to jednak bez paska. Mało widoczne, na większości przeglądarkach jest wszystko ok :) Dzięki