CSS - CSS3 para móvil

Hola!

Tengo una web con un CSS, que me he acostado lo suyo de hacer, pero cuando se accede desde teléfonos móviles todo el trabajo que he hecho no me sirve de mucho.

Para que se vea toda la página se ve muy pequeño y después hay que ir haciendo zoom.

¿No hay forma de que se adapte el CSS dependiendo del tamaño de la pantalla? Así me haría uno para ordenadores y otro para móviles.

En CSS3 existen las media-queries.

Con ellas puedes crear reglas dependiendo del tamaño de la pantalla, orientación, resolución…En esta página tienes una demo de cómo funciona las media-queries(columna de HTML5 Demos) y otras características de html5 con IE9.

En el ejemplo CSS3 Media Queries podrás ver como el CSS de la web está divido en partes según el ancho de la pantalla.

@media (min-width:950px) {código css para pantalla grande}
@media (min-width:450px) and (max-width:950px) {código css para pantalla media}
@media (max-width:450px){código css para pantalla pequeña}

Puedes mirar más información en esta guía para el desarrollador de ie9.