After reading through the slide provided by a commentor, I am more than happy to give it a go right away. So I set the “Mobile first” approach to a theme for simplyWP. Well, not everyone can accept that, so it is best to test out my own thing
Mobile stylesheet was place first, then to a bigger devices then only desktop. I find Google Chrome takes the last one as priority, which is good. Tested in both Firefox as well as Internet Explorer (8 and 9), they all runs pretty well.

One problem came in was the media queries in Internet Explorer. IE6 doesn’t take it at all, instead, it takes the first one to show, which is the mobile version (where I will hide the NivoSlider). IE7 doesn’t take media queries well too. A little Google-it, I get MediaQueries.js, where it will enable IE to support the media queries.
The reason I put media queries at header instead of stylesheet is that IE doesn’t work well with it, even with the jQuery plugin.
This is one happy test, and I’m sure there will be more to explore.



