Est-il possible de détecter uniquement Android navigateurs avec CSS?

Est-il un CSS hack pour détecter uniquement Android navigateurs pour écrire CSS? Pas tous les navigateurs WebKit — je veux écrire autre feuille de style CSS pour certains éléments sur iPhone et Android navigateurs.

Par exemple http://paulirish.com/2009/browser-specific-css-hacks/

Je veux un CSS hack pour Android navigateurs.

J'aimerais éviter que, personnellement. La détection du navigateur obtient toujours faciles à maintenir dans le long terme. C'est pourquoi nous avons déménagé sur des choses comme des requêtes de média à demander pour les caractéristiques du navigateur, pas de "navigateur qui est-ce?"
CSS n'est pas conçu pour gérer ce genre de choses.
Il y a Android, bizarreries, comme un problème de rendu par "ajustement Automatique des pages" la fonction. Une façon de cibler un certain nombre de règles (comme le no-op background-image: solution de contournement pour ce problème) spécifiquement pour Android navigateurs serait très utile.

OriginalL'auteur Jitendra Vyas | 2011-04-24

  1. 2

    Les hacks CSS que vous l'avez mentionné exploits bugs CSS pour cibler des navigateurs (généralement des hacks pour obtenir des trucs de travail avec les anciens navigateurs comme IE 6/etc). CSS lui-même ne peut pas faire de navigateur de détection, en particulier pas de détection de système d'exploitation, qui est ce que vous cherchez.

    Mon commentaire ci-dessus sur votre question étant dit (ne pas le faire!), vous pouvez saisir la chaîne de l'agent utilisateur et il contiendra "Android" comme OS:

    Mozilla/5.0 (Linux; U; Android 1.1; en-gb; dream) AppleWebKit/525.10+ (KHTML, like Gecko) Version/3.0.4 Mobile Safari/523.12.2 – G1 Phone

    Je ne peux pas dire si c'est fiable à 100% (même si la raison est tous les téléphones Android devrait rapport en tant que tel), et il n'y a rien pour empêcher que cela va changer dans l'avenir. Vous devez faire cette détection dans Javascript et ont JS charger votre fichier CSS spécifique pour Android (ont-il ajouter une autre étiquette de style au document), ou de faire de la détection de votre programmation côté serveur (ASP/PHP, etc) et de le faire écho à l'étiquette de style à votre source.

    OriginalL'auteur Parrots

  2. -1

    La meilleure pratique consiste à utiliser la fonctionnalité de détection plutôt que de navigateur/système d'exploitation de détection. Il y a une bibliothèque javascript appelé Modernizr qui peuvent être en mesure de vous aider. Je crois qu'il a aussi des trucs qui permettent à un non CSS3 navigateur pour faire face à certaines des nouvelles balises CSS3 tels que header et footer.

    Oui, la fonction de détection est parfait ... mais il y a aussi des bogues de navigateur. Même trivial CSS 2 fonctionnent parfaitement sur le bureau webkit et donner des résultats inattendus sur android browser.

    OriginalL'auteur James Allen