Pour sélectionner précisément un navigateur mobile pour les conditions de mise en place de requêtes médias il suffit en théorie d'utiliser la règle HandleId.
J'ai bien dit en théorie car en pratique ça s'annonce un peu plus compliqué qu ça en a l'air pour rendre votre site compatible avec les versions mobiles.
D'une part la reconnaissance de la règle de média HandleId n'est pas unanimement reconnue par tous les navigateurs mobiles, règle que certains navigateur risquent donc d'ignorer et donc d'afficher votre site web comme s'il n'y avait pas de requête média.
D'autre part, chaque navigateur mobile n'utilisera pas forcément la même résolution d'écran par défaut.
On peut donc utiliser la règle max-width, mais ce qui est encore mieux est d'utiliser max-device-width de cette manière on peut ajouter des propriétés CSS en fonction de la largeur maximale non pas de la fenêtre ou de l'écran mais bien du périphérique.
Et voilà, nous avons vu tout ce qu'il a y à savoir sur les requêtes médias en HTML5 et en CSS3 dans ce chapitre.