—
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/

Reply via email to