La adaptación a móviles no se realiza mediante una sola linea de código como bien dice angel lex.
Viendo tu sitio logro apreciar que esta hecho en php, inicialmente puedes discriminar desde donde accede un usuario a tu sitio desde el servidor. Puedes facilitar dicho trabajo utilizando "plugins" como Mobile_Detect, (con un simple include ya puedes detectar si se accede desde un móvil, una table, desde iPad, iPhone, etc.)
http://mobiledetect.net/Algunos framework ya lo tienen por defecto, como es el caso de cakephp
Por otro lado puedes adaptar tu sitio haciendo uso de media queries como lo menciona rn3w
https://developer.mozilla.org/es/docs/CSS/Media_queries
Con las media queries puedes indicarle al browser por medio de css que cuando la ventana sea de 600px o menor se vea de una u otra forma, (existen muchas posibilidades)
Y como también indicas existe la etiqueta meta viewport, en lo personal no la utilizo ya que me a ocasionado problemas en el pasado, pero tengo entendido que lo han mejorado.
https://developer.mozilla.org/es/docs/M%C3%B3vil/Viewport_meta_tagLo mas importante es que tengas en cuenta que cuando haces una aplicación responsive no tienes porque mostrar toda la información tanto en móvil como en computadora.
En el caso de mucho de mis clientes les he recomendado que la versión movil solo contenga la información de contacto un mapa e información resumida, porque es lo que normalmente buscan desde un móvil en algunos rubros.
Intenta evitar imágenes grandes ya que aun el Internet móvil no es de lo mejor, evita los sliders o carruseles (normalmente el usuario no se queda esperando a ver que pasa después de 5 segundos en la pantalla de inicio)..
Suerte con tus desarrollos y ten en cuenta de que ninguna de las cosas que mencione anteriormente son exclusivas, se utilizan todas.
Autor
En línea
