html - Media query and max width 1000px not activating until screen width is approx. 980px? -


all divs used web page layout specified own widths , heights, heights different widths same: 1000px. media query

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

is supposed make these divs transform percents when browser window shrunk down 1000px or less, when shrink down window, horizontal scroll bar brief second, or 20px , disappears once reach 980px.

why doesn't media query activate @ 1000px, why have shrink down window 980px activate?


Comments

Popular posts from this blog

c++ - Delete matches in OpenCV (Keypoints and descriptors) -

java - Could not locate OpenAL library -

sorting - opencl Bitonic sort with 64 bits keys -