Multi-resolution layout

I came across this awesome website开发者_运维问答 this morning:

http://mediaqueri.es

What is the best way to manage all 4 resolutions when designing a website? 4 different layouts, and switch between them depending on the client's screen resolution? Is there something smarter to do maybe, like some kind of "dynamic layout"?

---

Media Queries are a part of CSS 3, and that webpage is an example of them in practice. The idea is that you can specify different CSS files based on screen/print, as well as available device resolution and other parameters.

Some relevant links:

• Pros and Cons of 6 CSS Layout Patterns
• W3C Media Queries Proposal
• How to ...

I have not done much with this but I've heard arguments for and against. The alternative is browser detection to determine which css/page to load.