Si hallas alguna incompatibilidad con tu código o trabajo, recuerda probar siempre en un ambiente de testing antes añadir el código al trabajo final.
Solución:
Puedes usar:
1) JS: Detectar por agente de usuario
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i))
Tome las cadenas de agente de usuario de aquí: http://www.useragentstring.com/pages/useragentstring.php.
2) CSS: usa un diseño receptivo
3) JS: detecta el ancho de la pantalla por screen.width
Te aconsejo que consultes http://wurfl.io/
En pocas palabras, si importa un pequeño archivo JS:
te quedará un objeto JSON que se ve así:
"complete_device_name":"Google Nexus 7",
"is_mobile":true,
"form_factor":"Tablet"
(eso suponiendo que esté usando un Nexus 7, por supuesto) y podrá hacer cosas como:
if(WURFL.form_factor == "Tablet")
//dostuff();
Esto es lo que estás buscando.
Descargo de responsabilidad: trabajo para la empresa que ofrece este servicio gratuito. Gracias.
Comentarios y valoraciones
Si entiendes que ha sido de utilidad este artículo, agradeceríamos que lo compartas con el resto entusiastas de la programación de esta manera contrubuyes a dar difusión a esta información.