Ошибка функции css calc в IE
РЕДАКТИРОВАТЬ
Как отметил в своем ответе @Joe, проблема с IE не имеет ничего общего с медиа-запросами.
Поэтому я обновил старый заголовок: («медиа-запросы GLITCH в IE») с текущим. (спасибо также некоторыммета-совет)
Просто чтобы быть уверенным, я создал новыйFIDDLE содержит только функцию calc и low and behold - я вижу такое же (плохое) поведение в IE, как и в своей оригинальной скрипке с медиа-запросами.
Кроме того, я заметил одно интересное наблюдение: это происходит только тогда, когда я использую деление в операции calc, но если я использую что-то более простое, напримерcalc(100% - x px)
- IE справляется, все в порядке.
Я используюmedia queries
обосновать список ящиков.
По сути, я настроил медиа-запрос для каждого состояния #columns, где я затем используюcalc()
отрабатывать поля справа на каждом из элементов (кроме тех, что в последнем столбце).
Теперь это работает нормально в Chrome и Firefox - но когда я запускаю это в IE9 +
Я вижу сбой между состояниями медиазапроса (в том числе мерцание и неподчинение медиазапросам).
Вот скриншот того, о чем я говорю
[снимок экрана, сделанный при ширине окна браузера 710 пикселей]:
Это ошибка IE или я сделал что-то не так?