En este pequeño post os quiero explcar como definir los estilos según el tamaña de la pantalla:

@media only screen and (max-width : 767px) {…}
@media only screen and (min-width : 768px) {…}

Como vemos es bastante fácil poder discriminar las deiferentes posibilidades de pantallas,otra solución es usa redireccionamientos para no usar CSS:

<script type=”text/javascript”>
if (screen.width<800) {
window.location=”http://www.tudominio.com/mobile/”;
}
</script>

Para elegir una u otra depende de le elección del programador o diseñador web.