Медиа-запросы не работают в Internet Explorer ie6-ie8

Приведен код, который был написан для CSS, но не работает вообще в IE(6-8)

 @media screen and (max-width: 340px) {
.topmaindivleft{
width:100%;
margin:0px;
padding:0px;
height:auto;
float:left;
}
.topmaindivright{
width:100%;
margin:0px;
padding:0px;
height:auto;
float:left;
}
}

хочу знать некоторые коды, чтобы он работал в Ie6-8 для создания адаптивного сайта

2 ответа

Решение

Это потому, что медиа-запросы не поддерживаются в IE6 до IE8.

Однако этот полифилл, называемый Respond.js, может вам помочь - https://github.com/scottjehl/Respond.

Respond.js - Быстрый и легкий полифилл для медиа-запросов CSS3 с минимальной / максимальной шириной (для IE 6-8 и более)

Вот демонстрационный пример.

Internet Explorer 6-8 не поддерживает CSS3 Media Queries. Тем не менее, есть способ имитировать такую ​​функциональность, используя этот JavaScript Polyfill. Polyfills - это скрипты, которые имитируют несуществующую функциональность с использованием JavaScript.

Другие вопросы по тегам