Az webfejlesztők IE6 meg úgy általában IE miatti kálváriája után a mindenféle mobil eszközök okoznak fejfájást a webfejlesztőknek napjainkban. Sokféle hardver, sokféle támogatással (és persze nem támogatással). Mindenképpen szükséges a trendeket követve a fejlesztés során előtérbe helyezni ezeket az eszközöket.
Kétféle (biztos?) út áll rendelkezésre ezügyben:

1. aldomain a mobil tartalmakhoz
2. css media queries* használata

Az első esetben a bejövő kérésnél megnézzük a felhasználót, hogy milyen eszközt használ.**
A másodiknál a böngésző végzi el a tartalom testreszabását.
Érdemes elolvasni a következő cikket a témában, ez amúgy a második verzió mellett teszi le a voksot:

http://blog.fps.hu/post/63408984659/reszponzivan-jol

A legfontosabb tanulságok:

Egyszerűen az a modell, hogy megtervezzük 320 px, 480 px, 768 px és 1024 px (mobil álló, mobil fekvő, tablet álló, tablet fekvő – desktop) méretekre az oldalt már nem alkalmazható. Olvastam egy nagyon jó mondást ezzel kapcsolatban:

“Kezdd a legkisebb képernyő mérettel, majd méretezd addig, amikor már gagyin néz ki. Na ott kell töréspontot beszúrnod!” – Stephen Hay

Ebből sok minden következik:

• 320px-re tervezd meg az oldalt, esetleg egy általános tabletre (768px), végül pedig desktopra. A köztes állapotokat teljesen felesleges tervezni, ott szorosan együtt kell működni a fejlesztőkkel és on-the-fly tervezni.
• Fluidnak kell lennie a design-nak, sok esetben teljesen felesleges a hagyományos design tervezés (photoshop). Egyszerűbb és költséghatékonyabb direkten a böngészőben CSS-sel grafikai designt készíteni.

* Érdemes itt folytatni:
http://blog.blackmill.eu/skeleton-template/
**Jó böngészést kívánok, itt .htaccess, php és számtalan egyéb megoldás megtalálható:
http://stackoverflow.com/search?q=mobile-redirect