У меня странная проблема, которая возникает только в IE9. Я работаю над веб-страницей, которая имеет макет для рабочего стола и макет для мобильных устройств. Тот же HTML, другой CSS. Проблема возникает в следующем коде:
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (max-device-width: 640px)
Все браузеры, за исключением IE9, отображают сайт на рабочем столе по мере необходимости. Мобильные браузеры правильно отображают мобильный макет. Проблема с IE9 заключается в том, что он также показывает мобильный макет.
Теперь, если я уберу слова «только» и «экран» из приведенного выше кода, IE9 правильно отобразит сайт для настольных компьютеров. Проблема в том, что тогда мобильные браузеры также отображают сайт для ПК. Я провел небольшое исследование по этому поводу и ничего не видел по этому поводу.
Спасибо за чтение,
Джон