Media queries versus other methods / Universal Mobile support

I am building a mobile site and have looked into media queries but don't really like the lack of support. I'm really wondering what methods or approaches are commonly recommended.

On our site we are using head.js (http://headjs.com/) which adds classes into the tag about the client, notably: browser, width and supported features. What 开发者_如何学Cdo people think about using this javascript method as a better supported way of handling different users and changing the design layout accordingly.

I do feel that perhaps this JS approach is used as our main method but that it might be worth using a number of others a fallbacks. Here is perhaps a chain of support.

1st: All universal styles plus layout for narrowest device window. 2nd: Use some method of CSS targetting to add a desktop style sheet if desktop viewing is assumed, possibly media=screen

After this we are handling the lowest and the highest denominator.

Finally: Use the styles (width etc) created by the javascript to fine tune the design for different layouts.

Thoughts?