— Sent from Mailbox for iPhone
On Sat, Mar 16, 2013 at 8:32 AM, Tom Livingston <tom...@gmail.com="mailto:tom...@gmail.com";>> wrote: FWIW, I use MQs on link elements to load sheets. Then, for IE less than 9, I repeat the link elements without MQs inside a conditional comment to serve the desktop only layout to those browsers. This may be a little low-tech and it is a few more http requests, but I am not a fan of poly-filling everything under the sun and I don't have to write additional whole sheets for <ie9. It's been working well for me. I'm sure some will not like this method though. HTH I'll add that I use a mobile-first approach and I don't repeat the base style sheet (which doesn't have an MQ) in the conditional comment and I have a separate link element for print styles, if I use one. On Sat, Mar 16, 2013 at 8:32 AM, Tom Livingston <tom...@gmail.com> wrote: > FWIW, I use MQs on link elements to load sheets. Then, for IE less than 9, I > repeat the link elements without MQs inside a conditional comment to serve > the desktop only layout to those browsers. This may be a little low-tech and > it is a few more http requests, but I am not a fan of poly-filling everything > under the sun and I don't have to write additional whole sheets for <ie9. > It's been working well for me. I'm sure some will not like this method though. > HTH > — > Sent from Mailbox for iPhone > On Sat, Mar 16, 2013 at 1:09 AM, Micky Hulse <mickyhulse.li...@gmail.com> > wrote: >> On Fri, Mar 15, 2013 at 11:38 AM, Micky Hulse >> <mickyhulse.li...@gmail.com> wrote: >>> Oh, that's good to know. I did not realize that this was the case. I >>> probably read some misinformation somewhere (or I did not fully >>> understand one of the articles I read) saying that @media print {} was >>> IE9+ thing. >> Ah, I think this is the site where I read that "@media print` was an IE9+ >> thing: >> "CSS Print Media Query" >> <http://www.joshuawinn.com/css-print-media-query/> >> "@media print is supported in the following browsers: FireFox 3.5, >> Internet Explorer 9, Chrome 14, Safari 3.2, Opera 11" >> Also, based on some really rough tests, I think my thinking was flawed: >>> Is it just me, or wouldn't it seem more prudent to feed printers the >>> desktop look/feel (as a default, if you didn't have a print-specific >>> style sheet)? I like the desktop view because it eats up fewer paper >>> pages. >> Looks like the print previews I'm seeing load whatever media query >> fits based on the printed page size. In other words, I've been getting >> the "tablet" view instead of the "desktop" view to print. I assumed >> using "@media" only would make the print load the desktop styles. >> Enough talk, here's a demo: >> <http://jsbin.com/izowol/1> >> When doing a print preview, only the "tablet" media query loads. I >> assume it's because the printed page matches the dimensions of the >> tablet MQ (and there's no media type restriction). >> In this example: >> <http://jsbin.com/izowol/2> >> I've modified the last query to say: >> @media print, (min-width: 1045px) { ... } >> When doing a print preview, the H1 from the "tablet" MQ shows, and so >> does the "desktop" H1 (both are colored orange). >> This throws a wrench into my wanting to print the full desktop view. >> Adding "print, " to the front of media queries will probably get me to >> that goal, but it feels a little hackish. >> Back to drawing board. :) >> ______________________________________________________________________ >> css-discuss [css-d@lists.css-discuss.org] >> http://www.css-discuss.org/mailman/listinfo/css-d >> List wiki/FAQ -- http://css-discuss.incutio.com/ >> List policies -- http://css-discuss.org/policies.html >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
