S'appliquent uniquement à IE 11 dans les media query pour la taille de l'écran

J'ai actuellement suivant la largeur de média spécifique de la requête.

 @media only screen and (max-width: 1920px) {
    .toggleMultiSelect .filter {
        width: 566px;
    }
 }

Mais la largeur pour".toggleMultiSelect .filtre " des changements dans IE à partir de Chrome/Firefox. Donc, fondamentalement besoin pour appliquer les différentes de la largeur de la même classe css en 1920px pour IE. À partir de la Stackoverflow de recherche, j'ai trouvé que IE comportement spécifique peut être obtenue comme ci-dessous.

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .toggleMultiSelect .filter {
        width: 575px;
    }
}

Alors maintenant, j'ai besoin d'obtenir à la fois la résolution et la classe css. 575px largeur s'applique seulement pour IE et Chrome ou firefox devrait obtenir 566px.

Merci d'avance pour toute aide.

OriginalL'auteur Luke | 2017-08-31

  1. 11

    Utiliser le dessous des css à l'intérieur de la requête de média

    IE 10 et au-dessus de

    _:-ms-lang(x), .ie10up { 
       property:value; 
    }

    IE 11 et au-dessus de

    _:-ms-fullscreen, :root .CLASS_NAME { 
       property:value; 
     }
    Salut Shahil, il devrait ressembler à ce droit? @media only screen and (max-width: 1920px) { _:-ms-fullscreen, :root .ie11up .toggleMultiSelect .filter{ width: 575px; } } J'ai essayé ceci, mais pas de chance.
    sa doit être _:-ms-plein écran :la racine .toggleMultiSelect .filtre { width: 566px; }
    Grand. Cela a fonctionné. Merci @shahil

    OriginalL'auteur Shahil M

  2. 4

    Avez-vous essayer de les combiner, ce 

    @media only screen and (max-width: 1920px) {
    .toggleMultiSelect .filter {
        width: 566px;
    }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
       .toggleMultiSelect .filter {
         width: 575px;
       }
    }

 }

    Cela peut fonctionner suis Pas sûr, je suis en utilisant Mac donc aucun moyen de le tester, Mais je pense que cela fonctionnera pour vous. Espérons que cela a été utile.

    Salut weBer, j'ai essayé cette. Mais sous IE, c'est la 566px largeur appliqué encore. Pas le 575px. Merci pour la réponse.
    est la deuxième de style à venir lorsque vous inspectez la classe.? si c'est à nous de pouvez essayer d'utiliser !important dans le style.
    l'ajout important de ne pas fonctionner aussi. Apprécions l'aide. Merci

    OriginalL'auteur weBBer