Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML]Responsywność a height headera, Nie dopasowana do urządzeń mobilnych
baentizo
post 7.11.2019, 21:50:07
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 6.08.2014

Ostrzeżenie: (0%)
-----


Mam problem ze stroną którą zrobiłem.
W komputerze wygląda idealnie, na telefonie zresztą też - schody zaczynają się w momencie rozdzielczości powyżej 640 px
height headera który odpowiada dobrej wysokości zarówno w telefonie jak i komputerze przy innej rozdzielczości wygląda tak - jest po prostu ucięte.

Dopiero po zmianie na height: 600 px na niektórych urządzeniach wygląda wzorowo, za to na telefonie tak, a na komputerze tragedia.

Urządzeń/rozdzielczości jest sporo i każda grafika ma swoje height które powinno automatycznie je ustawiać - w zależności od urządzenia w którym przeglądamy stronę - od 300 po 600 px

Walczę z tym (bezskutecznie) od ponad miesiąca - albo header jest ucięty, albo za wysoki.
Co robić?
Go to the top of the page
+Quote Post
Lord
post 8.11.2019, 09:23:32
Post #2





Grupa: Zarejestrowani
Postów: 205
Pomógł: 30
Dołączył: 10.03.2004

Ostrzeżenie: (0%)
-----


A możesz wstawić ten header jako img a nie jako bg? i usunąć wysokośc header, wtedy powinien header być dostosowany do wysokości obrazka. Inna sprawa najlepiej jakbyś dał link do strony bo tak to cieżko coś pomóc
Go to the top of the page
+Quote Post
baentizo
post 9.11.2019, 03:10:22
Post #3





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 6.08.2014

Ostrzeżenie: (0%)
-----


Cytat(Lord @ 8.11.2019, 10:23:32 ) *
A możesz wstawić ten header jako img a nie jako bg? i usunąć wysokośc header, wtedy powinien header być dostosowany do wysokości obrazka. Inna sprawa najlepiej jakbyś dał link do strony bo tak to cieżko coś pomóc


www.quitteray.pl


A możesz wstawić ten header jako img a nie jako bg? i usunąć wysokośc header, wtedy powinien header być dostosowany do wysokości obrazka.

Nie działa. Chyba że źle robię facepalmxd.gif Jakąś instrukcję?
Go to the top of the page
+Quote Post
Lord
post 12.11.2019, 11:16:27
Post #4





Grupa: Zarejestrowani
Postów: 205
Pomógł: 30
Dołączył: 10.03.2004

Ostrzeżenie: (0%)
-----


https://jsbin.com/gigapeludo/edit?html,output
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 23.11.2019 - 00:50