• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z responsywnościom. Media Queries.

Object Storage Arubacloud
0 głosów
161 wizyt
pytanie zadane 2 czerwca 2020 w HTML i CSS przez fiodoreq Nowicjusz (120 p.)

Witajcie,

Ostatnio w ramach treningu tworzyłem sobie bardzo prostą stronę internetową. By strona była responsywna użyłem Media Queries. Wszystko wyglądało dobrze gdy sprawdzałem widok mobilny na komputerze w Chromie czy Firefoxie zarówno w pozycji portretowej jak i horyznotalnej. Dodałem więc tą stronę jako subdomene i gdy sprawdziłem jak wygląda na telefonie to okazało się że w pozycji landscape strona na niektórych telefonach się rozwala. W większości przypadków strona wyglada w miarę ok (tzn. nic na siebie nie najeżda, nie zasłania),  jednak chciałbym żeby strona wyglądała 'dobrze' zawsze. 

Wrzucam poniżej link do wspominanej strony oraz kod HTML i CSS (proszę o wyrozumiałość dopiero się uczę wink). Proszę dajcie znać jak to wygląda u was i skąd może wynikać różnica w wyglądzie strony z widoku mobilnego na komputerze w przeglądarce a faktycznym widoku mobilnym na telefonie. 

http://portfolio1.stojeckidaniel.pl/

HTML: https://pastebin.com/f1aK0Ewv

CSS: https://pastebin.com/kQXsvHmJ

 

P.S. Jeśli ktoś ma jakiekolwiek uwagi do innych elementów mojej strony to również będę wdzięczny za rady :)

komentarz 2 czerwca 2020 przez JakSky Stary wyjadacz (14,770 p.)
Ja mam za to jakieś 5px przerwy po prawej stronie. (Chrome na telefonie w pozycji pionowej). Reszta wygląda ok. Tak btw zmień kolor ceni na barskiej jasny :)
komentarz 2 czerwca 2020 przez fiodoreq Nowicjusz (120 p.)
A jak w widoku poziomym ?
komentarz 2 czerwca 2020 przez JakSky Stary wyjadacz (14,770 p.)
Jest ok.
komentarz 2 czerwca 2020 przez fiodoreq Nowicjusz (120 p.)
Dzięki za info :)

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

+2 głosów
2 odpowiedzi 111 wizyt
pytanie zadane 31 marca w HTML i CSS przez oleksik Użytkownik (590 p.)
0 głosów
2 odpowiedzi 497 wizyt
pytanie zadane 6 marca 2019 w HTML i CSS przez ricksanchez1943 Początkujący (260 p.)
0 głosów
1 odpowiedź 124 wizyt

92,568 zapytań

141,422 odpowiedzi

319,634 komentarzy

61,956 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...