Изменять свойство стиля в браузерах IE только при изменении размера ниже определенной ширины

Question

Я пытаюсь изменить свойство flex в IE только тогда, когда размер экрана меньше 600px. Он работает на весь экран, если я удаляю @media only screen and (max-width: 600px) { Что я должен сделать, чтобы нацелиться на IE только при изменении размера? Как вы комбинируете min-width:0\0 с max-width: 600px?

/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) {
    @media only screen and (max-width: 600px) {
        .flex-eqwidth {
            flex: none;
            flex-shrink: 1;
        }
    }
}

Answer 1

Сделайте его более конкретным c для IE в качестве ваших селекторов. Ура

@media only screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
                   and (max-width: 600px) {
        .flex-eqwidth {
            flex: none;
            flex-shrink: 1;
        }
    }