See the Mobile page for some background.

Current status: Work being done in the responsive branch. See the issues here.

Responsive design reading

Apparently one of the first blog articles about this, written by Ethan Marcotte

For background, the article references two articles about flexible layouts: (using em to set text sizes and % to set margins and max-widths)
and (sizing images down instead of breaking layout, kinda hacky in IE)

Ethan has a book I just ordered

More recent article on MSDN (November 2011):

The main takeaways are:

  • Use a fluid layout, not absolute widths, margins, font size, etc
  • Media queries let you use different CSS based on things like viewport widths
  • Fully supported by everyone except IE 8 and older (doesn’t matter much, but can use JS to fix this if needed)
  • Use CSS to lay things out better for very small (or very large) screens, including typography
  • Some mobile browsers will fake the viewport size, so to reset this add:
    • <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  • In the near future, keep an eye on media query listeners, which let you load totally different assets based on these queries.