CSS в этом медиазапросе используется только при обнаружении Internet Explorer (для краткости упрощается стандартная реализация):
@media screen and (-ms-high-contrast: none) {
body { background-color: purple; }
}
Как я понимаю, как это работает, (-ms-high-contrast: none) возвращает false в не-ЕЕ браузеры, так как они не распознают его.
Я хочу, чтобы CSS использовался, только если НЕ используется Internet Explorer.Я пробовал разные вещи, в том числе и это (IE11 правильно не использует CSS, но, к сожалению, ни Chrome, Edge, ни FF) (я считаю, что оператор not применяется ко всему запросу) ...
@media not screen and (-ms-high-contrast: none) {
body { background-color: purple; }
}
Больше подробностей в случае, если это поможет ответить на мой вопрос .... Мой сайт имеет дополнительный CSS, который появляется ниже определенной ширины окна (т.е. отзывчивый).Однако IE11 не может справиться с некоторыми более новыми CSS, используемыми для адаптивного макета, поэтому в качестве запасного варианта я хочу, чтобы IE11 просто макетировал в режиме фиксированного рабочего стола.Поэтому мне нужно, чтобы IE11 игнорировал дополнительный отзывчивый CSS.
ОБНОВЛЕНИЕ
Обратите внимание, это касается исключения JUST Internet Explorer, а не старых браузеров в целом.В частности, для старых мобильных браузеров (особенно если вы не можете обновить стандартный браузер на старом Android).В каждом случае я использую css grid для автоматического размещения динамически созданных ячеек.По мере сокращения окна количество столбцов уменьшается.В старых мобильных браузерах, которые не поддерживают сетку, вы просто получаете вертикальный список ячеек - который выглядит хорошо (поскольку они обычно имеют довольно узкие дисплеи), однако для старых браузеров настольных компьютеров (IE11 все еще используется в Windows 7), яне хочу этого - я хочу иметь фиксированную сетку из 4 столбцов.