Lazy man's responsive web design

See, responsive doesn’t have to be difficult or scary! It’s just a way of treating your content. #ARTC4308 #rwd

September 21, 2011 dancroak css max-width responsive web design conversion engagement how to Lazy man’s responsive web design The Boston Globe recently raised the bar for responsive web design . Please allow me to lower it. For our playbook , I wanted to provide a pleasant reading experience for desktop and mobile web browsers. However, I’m lazy. My answer to “what’s the simplest thing that could possibly work?” was a single-column layout with a maximum width that would also fit mobile devices: margin: 0 auto; max-width: 480px; That makes the User experience section look like this on a desktop… … and like this on an iPhone… No media queries or other additional resizing tricks except for messing with the viewport a little and hiding the browser bar when possible: It also means fewer conditional statements, which we aim to eliminate . max-width isn’t supported in IE6 but we ...

Full article: http://robots.thoughtbot.com/post/10484421694/lazy-mans-r...