Instant, responsive print stylesheets
Instead of writing your media queries like this:
@media only screen and (min-width: 40em) {}
simply remove the only screen and
:
@media (min-width: 40em) {}
or change it to all
if you still want to quarantine them:
@media only all and (min-width: 40em) {}
Your responsive styles will now flow in to printed pages, too. A user can even change the paper size and orientation and it will all "just work"*
Obviously, you'll still want to hide irrelevant elements
Written by Matt Stow
Related protips
1 Response
Thanks for your tip :)
over 1 year ago
·
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#