[CSS]@media screen and max-width od pewnej szerokosci przestaje wspolpracowac Opcje

[followc]

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.

[HTML] pobierz, plaintext 
//działa
@media screen and (max-width: 1400px){
	.gl_apartamenty{
		width: 360px;
	}
	#ap_ap{
		width: 1132px;
	}
}
//działa
@media screen and (max-width: 1200px){
	.gl_apartamenty{
		width: 420px;
	}
	#ap_ap{
		width: 880px;
	}
}
//nie działa
@media screen and (max-width: 980px){
	#nasze_apartamenty{
		display:none;
	}
	.gl_apartamenty{
		width: 420px;
	}
	#ap_ap{
		width: 440px;
	}
}
//nie działa
@media screen and (max-width: 680px){
	#nasze_apartamenty{
		display:none;
	}
	.gl_apartamenty{
		width: 420px;
	}
	#ap_ap{
		width: 440px;
	}
}
[HTML] pobierz, plaintext 

Ten post edytował followc 26.05.2018, 10:35:36

[Crash89]

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

[PHP] pobierz, plaintext 
min-width: 1000px and max-width: 1200px
min-width: 500px and max-width: 1199px
 
itd
 
[PHP] pobierz, plaintext 

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

[followc]

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