media query not responding on desktop

[bravo14]

Hi all

 

I am using media queries in my css to create a responsive site, when I view the site on a mobile, the site responds as I intend it to.

 

However if I view it on a desktop and resize the screen, it doesn't respond as I would like, the idea is, if I resize  the desktop version enough then I will view the mobile version.

 

in one css file I have

 

 

 
@media screen and(max-width: 1024px) {
 
css styles
 
}

 

and then on another file, I have the following, the idea with this is when I get below the specified screen size the items don't show

 

 

@media screen and (min-width: 1024px) {
 
}

 

if you need any more info let me know.

 

Thanks

 

Mark

[denno020]

Whenever I've seen media queries, they've never used the same number as both the min and max, as that would be rather confusing to the browser I would think..

Try changing the min-width for the desktop version and see what that does.

 

 

@media screen and(max-width: 1024px) {

}
@media screen and(min-width: 1025px) {
 
}

 

Denno

[BuildMyWeb]

i would try

min-device-width

http://blog.templatemonster.com/2014/10/14/css-media-queries-for-all-devices-and-browsers-including-ie7-and-ie8/