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/
