Медиа-запрос не работает в IE9

У меня странная проблема, которая возникает только в 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 правильно отобразит сайт для настольных компьютеров. Проблема в том, что тогда мобильные браузеры также отображают сайт для ПК. Я провел небольшое исследование по этому поводу и ничего не видел по этому поводу.

Спасибо за чтение,

Джон

19
задан BoltClock 20 June 2011 в 22:11
поделиться