0

I am having a huge problem. In my stylesheet I have:

@media only screen and (min-width: 320px) and (max-width: 700px)
{
code1
}

@media only screen and (min-width: 1280px) and (max-width: 1400px)
{
code2
}

my browser window is currently 640x960, so only code1 should run... right? But code1 and code2 are both running. How do I change my media queries so that only code1 will run with my browser window at 640x960?

2
Contributors
6
Replies
14
Views
2 Years
Discussion Span
Last Post by cereal
0

Are you sure you're not missing some closing parentheses in the first block? I don't see how both rules could apply when the second range is not reached by your resolution.

By the way, is this portrait oriented?

0

there was a stray bracket which I removed, but I am still having the same problem

0

I moved the media queries to another linked stylesheet and now neither of them are loading.

0

I got it. It was a wordpress site and I had deleted the wp_head() function. That function needs to be there in order for the stylesheets to be linked properly.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.