Как я могу интегрировать свои медиа-запросы с Java-скриптом для поддержки @media Queries в IE?

Question

Я написал эти медиа-запросы для изменения размера окна моего браузера.

@media screen and (min-width:768px) and (max-width:1023px) {
 #wrapper {
width:621px;
padding-left: 50px;
 margin:0 auto; background:red;
}
}
 @media screen and (min-width:1024px) and (max-width:2047px) {
 #wrapper {
 margin:0 auto;
 padding-left: 50px;
 width: 925px; background:yellow;
}
}

работает, но в IE он не работает, тогда я прочитал в Google, что медиа-запрос не поддерживается в Internet Explorer 8 или более ранней версии.мы можем получить это, используя java-скрипт, я не могу написать и интегрировать мой код выше с java-скриптом.кто-нибудь может мне помочь?

Answer 1

Простое и легкое решение: Respond.js .

Все, что вам нужно сделать, это включить скрипт после вашего CSS, и он просто работает.

Вот демонстрационная версия, проверьте ее в более старой версии IE: http://scottjehl.github.com/Respond/test/test.html

Answer 2

@ JamMan; проверьте эту статью, они используют java script & media query в этом примере, который может помочь вам http://css -tricks.com / 6206-resolution-specific-stylesheets /

в нем вы должны вызвать другой css в соответствии с изменением screen size.