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/
