媒体查询和最大宽度1000px未激活，直到屏幕宽度约为。 980px？

Question

我用于网页布局的所有div都指定了自己的宽度和高度，高度都不同但宽度都相同：1000px。我的媒体查询

＆＃13;

＆＃13;

@media screen and (max-width: 1000px) {
	#container {
		width: 100%;
	}
	#desktop_ul {
		width: 100%;
	}
	.desktop_li {
		margin: 0 0.5%;
	}
	#article {
		width: 100%;
	}
	#footer {
		width: 100%;
	}
}

＆＃13;

＆＃13;

＆＃13;

当浏览器窗口缩小到1000px或更低时，

应该使所有这些div变成百分比，但是当我慢慢收缩窗口时，我得到一个水平滚动条短暂一秒，或大约20px和一旦达到约980px，它就会消失。

为什么媒体查询不会以1000px激活，为什么我必须将窗口缩小到980px才能激活？