This is an issue gaining urgency, as more and more Web sites are accessed from mobile handsets and tablets, as well as from traditional desktop and laptop PCs. Lewis’ solution? Eschew a fixed-width design for a layout based on proportional values that allow the presentation to scale gracefully to the target device. A fluid grid.
There is a little math involved, as Emily warns, but the payoff is a fluid grid that provides impressive flexibility to your Web sites. As she writes, the layouts “resize with the browser window because width, margin and padding elements (even fonts and images) are specified with proportional values like percentages and ems. As the resolution changes, the layout adjusts proportionally. And all without a single media query.”
Sounds good to me. Check out the entire article here.