ie только стиль с минимальной шириной

Question

Как объединить медиа-запрос только ie с медиа-запросом минимальной ширины (я читаю IE - единственный браузер, который не поддерживает вложенные медиа-запросы) - для ie я использую

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

Так что я думал, что смогу сделать

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

Но это все еще применяется ниже 1024px. Как объединить медиа-запросы минимальной ширины и ie, чтобы они применялись только выше 1024 пикселей в ie?

(я собирался сделать фрагмент, но они все равно не работают в ie поэтому дайте мне знать, если вам нужна дополнительная информация, но приведенного выше кода достаточно, чтобы повторить мою проблему)

Answer 1

Вы использовали запятую, которая действует как or

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

, поэтому медиазапрос запускается, когда

@media screen and (-ms-high-contrast: active)

или

(-ms-high-contrast: none)

если вы хотите добавить еще одно условие, вам нужно добавить его дважды

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

---

_{( не уверен, если вам нужно также проверить screen дважды, я включил после @ 04FS комментарий ниже )}