Hi Georg! Thanks again for the help! Much appreciated. :)
On Sun, Jul 15, 2012 at 10:24 PM, Georg <[email protected]> wrote:
> IE8 and older don't support @mediaqueries with min/max arguments in any
> form, so they are shut out anyway and will need "a backdoor entry" or other
> workaround.
Cool! Thanks for the confirmation on this.
By "backdoor entry", I assume you mean something like respond.js
and/or IE conditional style sheet that loads the desktop styles (as a
work around to the whole "mobile first" approach/technique)?
> The 'only' keyword will shut out IE8 if used in an @import, and @media I
> think (haven't tested), and I have unintentionally shut out some low-end
> android browsers using the 'only' keyword in an SSR stylesheet. '@media
> screen ......' will do nicely.
Interesting!
I have not heard of SSRs before... Is that "SQL Server Reporting Services"?
Also, I prefer having my MQs is embedded inside my CSS (i.e. not as a
part of style link in the head); based on what you (and Philippe) are
saying, it sounds like I can ditch "only" without any huge side
effects... Cool! :)
So, I have one more bit of code to run by ya'll... How does this look:
<snip>
@media
screen and (min-width: 990px) and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-width: 990px) and (-o-min-device-pixel-ratio: 3/2),
screen and (min-width: 990px) and (min--moz-device-pixel-ratio: 1.5),
screen and (min-width: 990px) and (min-device-pixel-ratio: 1.5) { ... }
</snip>
Goal of above code: Target (screen only) retina display (1.5 device
pixel ratio and above) at >= 990 width.
I've tested and it appears to work... I just could not think of a
better way to make that more DRY.
Also, I opted to include the "screen" property(?), as I will probably
do something different for print in the long run.
Thanks again Georg!
Cheers,
Micky
______________________________________________________________________
css-discuss [[email protected]]
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/
