Convert exiting website for mobile use?

What's the best way to make an existing website fit for mobile devices(netbooks, mobile phone开发者_如何学Gos based on Android, Iphone, Blackberry etc.)?

---

Without going as far as implementing a mobile framework I would suggest taking advantave of CSS Media Queries which will allow you to serve up different css depending on the wdith of the browsing device.

A good start would be to look at the LessFramework which has taken all the hard work out the grid calculations.

---

Make it flexible.

You can detect different device widths with CSS media queries: https://www.w3.org/TR/css3-mediaqueries/#device-width

Less normative explanation: https://mislav.net/2010/04/targeted-css/

Great blog post: https://webdesignerwall.com/general/the-wall-is-redesigned

The CSS3 flexible box model can also be your best friend.

---

Twitter Bootstrap will also give you some nice out-of-the-box responsive functionality, meaning that the site's presentation will adjust based on the type of device and the size of its screen.

And I'd recommend checking out this book.

---

Current now many tools available, but how to keep good user experience is the most important.