@media(max-width: ) - reaguje tylko od pewnej rozdzielczości

Question

Jak w tytule.
Próbuję ogarnąć responsywność, ale header ustawiony na 100% szerokości, przy @media(max-width: ) reaguje dopiero od dokładnie 980px w górę. Jak zrobię max-width: 979px i mniej, nie ma reakcji.

Wie ktoś dlaczego tak się może dziać?

Comments

Pokaż kod.

---

<div class="container">
	<header>
		<div class="width-1000px">
			<a href="index.html">
				<div class="logo_medium">
					<img src="pic/motylarnia-logo-transp.png" width="180pt"/>
				</div>
			</a>
			<nav id="nav_header">
				<ul>  <!--pozycje li są w odwrotnej kolejności, dlatego, że na stronie float:right ustawi je w kolejności od prawej-->
					<a href="#kontakt"><li>Kontakt</li></a>
					<a href="#zakonczone_projekty"><li>Zakończone projekty</li></a>
					<a href="#projekty"><li>Projekty</li></a>
					<a href="#placowka"><li>Placówka - Motylarnia Ośrodek Terapii</li></a>
					<a href="#zespol"><li>Zespół</li></a>
					<a href="#misja"><li>Misja</li></a>
				</ul>
			</nav>
			<div style="clear:both;"></div>
		</div>
	</header>

.container
{
	width:100%;
}
.width-1000px
{
	width:1000px;
	margin:0 auto 0 auto;
}

header
{
	width:100%;
	background-color:rgba(255, 255, 255, 0.8);
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: sticky;
	top: 0;
	z-index:100;
}

@media (max-width:720px)
{
	header
	{
		background-color:#aaa;
		
	}
}

Proszę

Answer 1

Możesz jeszcze raz wytłumaczyć dokładnie co Ci nie działa? Twój kod u mnie działa prawidłowo.

Comments

@media (max-width: XXpx ) nie reagował, kiedy wartość w px była poniżej 980.
Ale dzisuaj nagle z dupy zaczęło wszystko działać jak należy, mimo, że nie wprowadziłem żadnych zmian...
Mimo to dzięki za odzew