Медиа-запрос css3 не работает в IE ниже ie10

Question

Медиа-запрос css3 не работает в IE ниже ie10

0

Я создал отзывчивый шаблон электронной почты, и проблема в том, что медиа-запросы не работают в браузере IE10 ниже. Я использовал js-библиотеку, чтобы запустить ее, но она не работает.

<head>
<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<style type="text/css">
    @media screen and (max-width: 600px) {
        /*widths for standard blocks*/
        table[class=w15], td[class=w15], img[class=w15] {width:15px !important;}
        table[class=w170], td[class=w170], img[class=w170] {width:290px !important;}
        table[class=w180], td[class=w180], img[class=w180] {width:145px !important;}
        table[class=w200], td[class=w200], img[class=w200] {width:320px !important;}
    }
</style>

<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>

URL-адрес веб-ссылки:
http://silista.in/praveen/template-1.html

Praveen 06 янв. 2014, в 20:27

Источник

Теги:

html

css

html5

css3

media-queries

2 ответа

Ещё вопросы

Vim Bonsu · Answer 1 · 2014-01-06T22-03-00.000Z

Лучшие медиа-запросы для IE будут

 IE10 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
 IE8 @media \0screen {}
 IE7 @media screen\9 {}

Вы можете добавить свой CSS-код, специфичный для IE, в любом из медиа-запросов выше.

Подробнее здесь: http://browserhacks.com/

user3433808 · Answer 2 · 2014-12-29T14-07-00.000Z

Я также видел, что IE 9 является экраном @media и (min-width: 0\0) {}

Вопрос. Можете ли вы просто добавить этот фрагмент кода в теги стиля или вам также нужно добавить все применимые CSS между {}?