I always use it and everything was fine. And if the above code means that I would do something in any media that has a maximum width of 770 pixels, but in fact this is just working on the screen :\
I was using @media handheld, only screen and (max-width) {} for ages. I have no idea why.
One thing of note though - you may not want your responsive stuff to do something for print. So unless you're specifying an alternative stylesheet explictly for print - the @media will cover everything.
I just tested on one of my sites removing screen from the stylesheet media and it changed the way it prints, from basic to an attempt at the styled site.
I bet some people write this syntax without thinking why :D
My CSS doesn't change the print layout even if I add the screen (still printed/previewed as the styled site) sometimes. I think this is just a mistake. Btw, I'm not add the media=screen atribute in the <link> tag.
Why do people always add the
screenbefore thedevicemedia width/height in media queries like this?Okay. I know that's to targetting the media of screen only. But why not just do this:
I always use it and everything was fine. And if the above code means that I would do something in any media that has a maximum width of 770 pixels, but in fact this is just working on the screen :\
I do what you do, and very rarely use 'screen'.
@joshuanhibbert: So, this is not a bad habit?
I agree I think it's better to just say default all instead.
@Hompimpa Nope. You would only explicitly state 'screen' if that was what you wanted to target.
I was using
@media handheld, only screen and (max-width) {}for ages. I have no idea why.One thing of note though - you may not want your responsive stuff to do something for print. So unless you're specifying an alternative stylesheet explictly for print - the @media will cover everything.
I just tested on one of my sites removing screen from the stylesheet media and it changed the way it prints, from basic to an attempt at the styled site.
@andy_unleash
I bet some people write this syntax without thinking why :D
My CSS doesn't change the print layout even if I add the
screen(still printed/previewed as the styled site) sometimes. I think this is just a mistake. Btw, I'm not add themedia=screenatribute in the<link>tag.Whateverrrr...