Медиа-запросы не работают в 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.