Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]@media screen and max-width od pewnej szerokosci przestaje wspolpracowac
followc
post 26.05.2018, 10:34:49
Post #1





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 30.12.2013
Skąd: Gdańsk

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


Witam,

Jest sobie stronka i stronka ta potrzebuje RWD. Wszystko pieknie współpracuje aż do (max-width:980px) i niżej. Czy ktoś jest w stanie stwierdzić jakie są możliwe przyczyny takiego stanu rzeczy? Pierwszy raz spokało mnie coś takiego.

  1. //działa
  2. @media screen and (max-width: 1400px){
  3. .gl_apartamenty{
  4. width: 360px;
  5. }
  6. #ap_ap{
  7. width: 1132px;
  8. }
  9. }
  10. //działa
  11. @media screen and (max-width: 1200px){
  12. .gl_apartamenty{
  13. width: 420px;
  14. }
  15. #ap_ap{
  16. width: 880px;
  17. }
  18. }
  19. //nie działa
  20. @media screen and (max-width: 980px){
  21. #nasze_apartamenty{
  22. display:none;
  23. }
  24. .gl_apartamenty{
  25. width: 420px;
  26. }
  27. #ap_ap{
  28. width: 440px;
  29. }
  30. }
  31. //nie działa
  32. @media screen and (max-width: 680px){
  33. #nasze_apartamenty{
  34. display:none;
  35. }
  36. .gl_apartamenty{
  37. width: 420px;
  38. }
  39. #ap_ap{
  40. width: 440px;
  41. }
  42. }


Ten post edytował followc 26.05.2018, 10:35:36
Go to the top of the page
+Quote Post
Crash89
post 26.05.2018, 11:22:28
Post #2





Grupa: Zarejestrowani
Postów: 191
Pomógł: 7
Dołączył: 3.04.2013

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


Musisz dać dla mniejszych rozdzielczości też atrybut min-width czyli:

  1. min-width: 1000px and max-width: 1200px
  2. min-width: 500px and max-width: 1199px
  3.  
  4. itd
  5.  


Tylko dla najniższej rozdzielczość dajesz samo max-width a dla najwyższej samo min-width;

Ten post edytował Crash89 26.05.2018, 11:23:51
Go to the top of the page
+Quote Post
followc
post 26.05.2018, 12:29:09
Post #3





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 30.12.2013
Skąd: Gdańsk

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


Coś mi tu nie gra... bez ustalenia min-width to ostatnie nie powinno to po prostu brać dla przedziału 0-max-width? Tak zawsze robiłem i działało. Zresztą dodanie tu min-width nie pomaga.

edit: ok, pomogło. jakąś literówkę walnąłem.

Ten post edytował followc 26.05.2018, 12:44:26
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: 29.03.2024 - 08:01