Strona na urządzeniach mobilnych

pytanie zadane 28 lutego 2018 w HTML i CSS przez Paweł Sypek Początkujący (440 p.)

Witam,

Mam problem/pytanie, otóż zacząłem pisać stronkę internetową, mobile first i chcąc badać efekty pracy napotkałem problem. Mianowicie mam stronkę której wygląd co jakiś czas badam na telefonie jednak nie wygląda to tak jak miało wyglądać w zamyśle, chodzi o to że po wpisaniu adresu w pasku i załadowaniu strony nie zajmuję ona 100% czy 100vh. Cała treść zostaje przesunięta w dół przez pasek adresu wyświetlany na górze, dopiero po zjechaniu na tyle aby ten pasek zakryć strona wyświetla się poprawnie.

Czy jest jakiś sposób aby ukrywać ten pasek po wejściu na stronę? Lub jak powiedzieć przeglądarce żeby wyświetliła 100% w miejscu pod paskiem. Poniżej dołączam zdjęcia, tego o czym konkretnie mówię, proszę nie sugerować się treścią strony gdyż na razie to tylko eksperymenty.

Zdjęcie po zjechaniu w dół: PRAWIDŁOWO

Zdjęcie po wejściu na stronę: ŹLE

Z góry dziękuję.

komentarz 28 lutego 2018 przez Jedras Maniak (54,860 p.)

To nie jest przypadkiem domyślne zachowanie przeglądarki? Błędu tutaj nie ma właściwie.

komentarz 1 marca 2018 przez Paweł Sypek Początkujący (440 p.)

No tak ale jednak strona nie wyświetla się tak jak powinna i moje pytanie jest takie czy jest jakiś sposób aby uwzględnic ten pasek w CSS czy jednak przy pisaniu należy po prostu pamiętać że jest taki pasek i nie przejmować się tym zbytnio?

komentarz 3 marca 2018 przez Bazinga Bywalec (2,120 p.)

1. Czyli użytkownik nie powinien mieć dostępu do paska przeglądarki jak jest na stronie?
Bez sensu...

2. Nie da się, gdyż to są raczej właściwości urządzenia i przeglądarki na nim, że jest ten pasek, niż samej strony. Tak samo ten "pasek" jeszcze wyżej z zegarkiem i stanem baterii.

3. Generalnie nie przejmować się gdyż jakiekolwiek inne strony otwierane na tym urządzeniu będą tak wyglądać(tj. z tym paskiem)