delete post

[Pardus]

delete post

 

[KentState]

Typically sites detect the device and render it differently for a mobile device. Google and CNN like most others redirect to a mobile version. A lot of times this can be handled with different css layouts depending on device.

 

[GregGreen]

The alternative to sniffing the UA string and providing a mobile site is to build media queries that sniff how wide the browser window is into your CSS, which then renders the page slightly differently.

You can start reading here: http://alistapart.com/article/responsive-web-design

 

[sourceninja]

I really like responsive design and tools like skeleton.js and bootstrap make it really easy to design a site that works well.

 

[KB]

CNN doesn't have the issue because they redirect you to a mobile site http://m.cnn.com
Rewriting a mobile site is usually the best way since you can also limit bandwidth demands for those on 1X or 3G.

If your content is limited in width (less than the mobile screen width), this meta tag

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

will zoom into the page and give it the mobile feel.

 

[douglasb]

I really like responsive design and tools like skeleton.js and bootstrap make it really easy to design a site that works well.

This is the best answer IMO. Write the site once, and display it on many different devices.