Cómo hacer que mi sitio web sea compatible con dispositivos móviles

Además de lo que otros han respondido, para los sitios móviles tiene dos opciones básicas.

Puede tener distintos sitios de escritorio y móviles, o un único sitio receptivo que funcione en todos los dispositivos.

Para la primera opción, puede redirigir a los usuarios de dispositivos móviles a una URL completamente diferente donde aloje una versión del sitio solo para dispositivos móviles. Para hacer esto, puede administrar la redirección con algo como http: //detectmobilebrowsers.mobi/ o hay muchas variaciones para la redirección con archivos .htaccess.

Jquery Mobile es una muy buena manera de desarrollar el sitio solo móvil después de eso.

Este enfoque tiene la ventaja de que es más fácil desarrollar una versión liviana solo para dispositivos móviles de su sitio. Una desventaja es que tendrá que mantener dos sitios web: escritorio y dispositivo móvil.

La otra opción es el enfoque receptivo que otros han sugerido. Aquí básicamente tiene un sitio que se reconfigura según el tamaño de la viuda del navegador del visitante. Bootstrap y Foundation son dos excelentes opciones, y también hay muchas otras.

Los sitios receptivos se basan en consultas de medios para averiguar el tamaño de la ventana. Esto está bien soportado en los navegadores modernos, pero habrá problemas con los navegadores más antiguos que tal vez necesite solucionar. Algunas de las ventajas de un sitio receptivo son que mantiene solo un sitio, y en teoría funciona para todos los tamaños de pantalla y ventana, por lo que no causará ningún problema cuando se lance el próximo dispositivo móvil con un tamaño de pantalla diferente.

Buena suerte

Use Bootstrap y Google para las primeras especificaciones de desarrollo de moblie.