IEMobile Conditional Comment

Published by Chris Coyier

Did you know you can target the Internet Explorer browser on mobile Windows Phone 7 devices?

<!--[if IEMobile]> 
   Displayed only on Internet Explorer Mobile on Windows Phone 7
<![endif]--> 

<![if !IEMobile]> 
  Anything else 
<![endif]>

You totally can1. Hearts to Allison Wagner for telling me about it.

It's a bit more en vogue to handle mobile styling via media queries, which I generally agree is a better way to handle things (browser agnostic), but has the classic problem of a the browser needing to downloading resources it doesn't need (e.g. CSS for desktop version when on a mobile device).

You know what would be super radical? If we could do media queries within conditional comments.

<!-- [if (min-device-width: 481px)]>

<![endif]—>

That would combine the syntax and power of media queries, with the ability of conditional comments to load only the specific resources we need, staying streamlined in terms of bandwidth.


1 Notice in the first block of conditional comments above the slightly different syntax. The former is called a downlevel-hidden comment and the latter is a downlevel-revealed comment. Nerdgrammer.