Подружить Internet Explorer и "@media screen and"

Question

[Lici]

Столкнулся с тем, что Internet Explorer ниже 9 версии (не включая ее) не понимают такую вещь:

@media screen and (min-width: 399px)

И не выйдет менять CSS в зависимости от размера экрана (браузера) у пользователя.

Как с этим бороться?

Answer 1

[Alexander Litvinenko]

собственно нормально — не как, вижу только один вариант, джава скриптом определять ширину body и подключать нужные стили

Answer 2

[pxx]

Можно использовать Respond. Он, в отличие от CSS3 mediaqueries js, еще поддерживается и весит поменьше.
Главное, подключить стили через link rel=«stylesheet», а не style, import, inline

Answer 3

[Павел]

Откажитесь от ИЕ < 9. Ориентируйтесь на современные браузеры. Иначе мы ещё долго будем прогибаться под пользователей с ИЕ 6, 7, 8.

Comments

[Lici]

Да давно пора сгнобить и изжить IE < 9 :(
Но увы иногда нужна полная кроссбраузерность.