Device detection and responsive design explained

Mark Bridge writes:

James Rosewell shows me a colourful roll of paper that's the width of an iPhone but well over three metres long. When I look closer, I can see it's a printed copy of the Wall Street Journal's mobile website. That's a lot of scrolling to do... and a pretty unfriendly user experience for anyone reading the news online. Why does it work so badly?