Hello, so originally I had media="all" in my site but I wanted to do a print and handheld version as well. So I recently changed it to media="screen" and added the print and handheld version also - it seemed more clear-cut to me to do it that way. Basically your either way you slice it, your either adding rules or taking them away with the other two media types. So I know it can be done either way, but in your opinion which method do you guys prefer and why? I am spending alot of time on each and I want to do it correct the first time (otherwise I'll probably have to redo it).
It would be more clear to me if it was just an issue of media="handheld" vs yadayada. But now, with css3 we have media queries. Which direction do you guys see all this going and how are you responding to right now as you write your code? Thanks a bunch, take care!
Which direction do you guys see all this going and how are you responding to right now as you write your code?
AFAIC, I define default styles, oriented toward screens, then simply modify a few things for the other media, if needed (like removing the main menu, and some backgrounds/borders, for printing, or avoiding minimum widths -to avoid horizontal scrolling-, for handhelds).
I put all the rules in the same stylesheet (so I use @media).
If you have to spend more time on styling different versions, for different media, then maybe you should first make your layout more simple, and more flexible.