Requêtes média pour chaque navigateur

Question

Je veux redimensionner mon champ de saisie en fonction du navigateur. Puis-je écrire une requête média pour chaque navigateur afin d'obtenir une largeur distincte pour le champ de saisie sur chaque navigateur, comme pour Mozilla, il aura une largeur distincte pour Chrome et Opera.

Answer 1

Requêtes médias sont médias les requêtes, et non navigateur les requêtes. Elles sont là pour tester certaines propriétés du viewport, du périphérique ou de l'affichage. Il n'y a pas de fonctionnalités de médias qui vous permettent de tester pour un certain navigateur.

Answer 2

Si vous voulez faire cela, vous devriez être en mesure de trouver quelque chose sur browserhacks.com qui a un tas d'échantillons de code pour expliquer comment obtenir un navigateur avec css media queries donc pour IE vous pourriez faire quelque chose comme ceci.

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}

Cela fonctionne parce que le seul navigateur sur lequel ces règles s'appliquent est Internet Explorer.

Answer 3

Afin d'avoir un CSS spécifique pour chaque navigateur, vous devrez peut-être utiliser des astuces spécifiques à chaque navigateur.

Consultez l'article suivant

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

J'espère que cela vous aidera.

Answer 4

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

Le hack spécifique au navigateur est la solution pour cela ! !!

Answer 5

Si vous voulez utiliser le CSS conditionnel : http://www.conditional-css.com/advanced