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

Problem responsywność

VPS Starter Arubacloud
0 głosów
203 wizyt
pytanie zadane 8 maja 2017 w HTML i CSS przez agit45 Obywatel (1,110 p.)
edycja 11 maja 2017 przez agit45
Witam zacząłem robić stronę i chciałem aby była responsywna więc zacząłem od strony dla telefonów i potem chciałem użyć media queries dla innych rozdzielczości lecz napotkałem problem gdy w narzędziach programisty sprawdzam wygląd na różnych rozdzielczościach to jest ok ale w przypadku gdy wybieram opcję responsive zamiast modelu telefonu i zmniejszam wysokość strony to tekst wychodzi poza obszar diva.

Link do strony:  http://naukacss.5v.pl/   oraz link do dokładnego zdjęcia o jaki efekt mi chodzi: http://imgur.com/a/thd4x

2 odpowiedzi

0 głosów
odpowiedź 8 maja 2017 przez xmentor Nałogowiec (49,520 p.)
wybrane 8 maja 2017 przez agit45
 
Najlepsza
Bo brakuje clearfix-u dla rodziców elementów, które posiadają opływanie(float).

https://css-tricks.com/snippets/css/clear-fix/
komentarz 8 maja 2017 przez agit45 Obywatel (1,110 p.)
Dzięki wielkie! Zapomniałem zupełnie o tym :D
0 głosów
odpowiedź 8 maja 2017 przez Wujek Greg Dyskutant (9,410 p.)
dla diva .carbox masz nadana min-height:100vh. wiec jeżeli zmniejszasz wysokosc ekranu to automatycznie zmniejsza sie div. Bezpieczniej bedzie dac min-height w pixelach
komentarz 8 maja 2017 przez agit45 Obywatel (1,110 p.)
to dawanie wysokości w vh jest złe? jeżeli dam w px to to się nie będzie skalować wraz z powiększaniem ekranu czy to nie jest gorsze?
1
komentarz 8 maja 2017 przez Wujek Greg Dyskutant (9,410 p.)
Generalnie vh zalecałbym dodawać np. do tła żeby zawsze pogrywało 100% strony, jeżeli chodzi o jakiś box w którym jest treść ograniczanie wysokości relatywnymi jednostkami może być problematyczne. Zastosowałeś floata więc tak jak kolega wyżej napisał musisz zastosować clearfixa, ja jednak jestem zdania że floata powinno się używać w ostateczności. Polecam użyć flexboxa, masz tutaj poradnik:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/
komentarz 8 maja 2017 przez agit45 Obywatel (1,110 p.)
Dzięki wielkie za poradę!

Podobne pytania

0 głosów
1 odpowiedź 180 wizyt
pytanie zadane 22 kwietnia 2017 w HTML i CSS przez Bogusław Witek Początkujący (420 p.)
+1 głos
1 odpowiedź 308 wizyt
pytanie zadane 7 kwietnia 2017 w HTML i CSS przez Marek123 Początkujący (270 p.)
0 głosów
1 odpowiedź 760 wizyt
pytanie zadane 27 października 2016 w HTML i CSS przez Paweł Kieryk Początkujący (450 p.)

92,452 zapytań

141,262 odpowiedzi

319,080 komentarzy

61,854 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

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 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!

...