No es solo copypastear un código para que se vea correctamente, es tema muy extenso. Pero puedes comenzar con tres cosas básicas:
Tamaño de Pantallas: Al haber arias resoluciones de pantalla dependiendo del modelo del dispositivo, tendrás que usar medidas relativas, porcentajes para layouts y em para texto.
Velocidad: Ten en cuenta que un celular no tiene una linea ADSL de 10MB, y más en latinoamérica las velocidades de Internet móvil son muy malas, por lo que debes minimizar los tiempos de carga y cantidad de descargas.
Contenido Extra: Muchos dispositivos no manejan flash, y otros muchos no manejan del todo Javascript, hay que usar éstos de forma responsable si queremos que nuestra página se visualice en la mayor cantidad de móviles.
Te recomiendo estos links:
http://www.w3c.es/Divulgacion/Tarjetas/MWABP/ http://www.w3c.es/Divulgacion/Tarjetas/MWBP/ http://www.hongkiat.com/blog/mobile-web-design/ http://www.webdesignerdepot.com/2011...le-web-design/ http://thenextweb.com/dd/2011/05/31/...ols-resources/ http://sixrevisions.com/web-developm...est-practices/ http://www.smashingmagazine.com/2011...mobile-design/
PD: Esto no tiene que ver con Usabilidad.
Saludos
