Robert Spangler

UI/UX designer & front-end developer

Navigation

Mobile-first Stylesheets for IE6/7/8

Photo credit: http://picjumbo.com/reading-news-on-iphone-5s-gold/

The first thing you may notice after your first mobile-first site is that you only get your mobile stylesheet for IE8 and below. Here’s a quick and easy snippet to have IE render all of your stylesheets, while still keeping responsiviness for Windows phones in-tact.

<link rel="stylesheet" href="style.css" media="all">
<link rel="stylesheet" href="style.tablet.css" media="all and (min-width: 570px)">
<link rel="stylesheet" href="style.desktop.css" media="all and (min-width: 960px)">
<!--[if (lt IE 9)&(!IEMobile)]>
<link rel="stylesheet" href="style.tablet.css" media="all">
<link rel="stylesheet" href="style.desktop.css" media="all">
<![endif]-->

Leave a Reply

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

About Robert

I work with clients ranging from local small businesses and non-profits to large Fortune 500 companies.

If you think I'm the right guy for your project, please feel free to give me a shout.

I am a full-time freelance website designer and front-end developer from Baltimore, Maryland, currently living in Nairobi, Kenya.

I design and code for user experience on the web with special attention on mobile devices. I come from a background in eCommerce and lead generation, which I'm very good at. I spend most of my time personalizing and creating customized WordPress themes for clients. Other than designing websites I spend time with family, study, occasionally tweet, and rarely +.