Как написать медиа запрос на отображение элемента для ie8 и ie11?

Question

[miletskij]

Данный код корректно работает под все браузеры, кроме ie:

.menu__wrapper {
       display: none
    }
@media only screen and (min-width: 769px) {
    .menu__wrapper {
        display: block
    }
}

Как его модифицировать для работы в ie8 и ie11?

Answer 1

[Ankhena]

В media запросах нет выбора браузера.

В условных комментариях подключайте отдельный стиль или кусок кода, как Вам удобнее по задаче.

<!--[if IE 8]><link href="path-to/ie7.css" rel="stylesheet"><![endif]-->

Да и сомнительная затея городить отдельные стили или куски кода для IE8

Comments

[miletskij]

а в ie11? Я тут попробовал, и на 11, тоже, не работает

[Сергей delphinpro]

miletskij: в IE9-12 медиазапросы работают корректно. Инфа 100%.

[Ankhena]

miletskij: Сергей:
подтверждаю
ищите ошибку в построении самих запросов, смотрите в инспектор кода.

[miletskij]

Оказалось, что margin-top: -2%, который в остальных браузерах выравнивал следующий за исправляемым блок, в ие дает нахлест в 2% и перекрывает первый блок(