Загружать более низкие медиа-запросы для IE

Question

Я хотел бы обслуживать IE7 только более низкие медиа-запросы (потому что я не хочу исправлять все более высокие макеты), но я не могу заставить условные теги работать с этим. Я делаю что-то неправильно?

Я использовал response.js (https://github.com/scottjehl/Respond), поэтому все должно быть хорошо, но условные теги не позволяют загрузчикам более высоких медиа-запросов загружать все браузеры.

Что должно произойти в том, что все браузеры должны загрузить все запросы средств массовой информации, в то время как IE7 и вниз следует загружать только мои 601.css и 768.css таблицы стилей

<link rel="stylesheet" type="text/css" media="all" href="http://www.example.com/style.css" /> 
<link rel="stylesheet" href="http://www.example.com/mq/601.css" type="text/css" media="(min-width: 601px)"/> 
<link rel="stylesheet" href="http://www.example.com/mq/768.css" type="text/css" media="(min-width: 768px)"/> 

<!--[if gt IE 7]> 
    <link rel="stylesheet" href="http://www.example.com/mq/1024.css" type="text/css" media="(min-width: 1024px)"/> 
    <link rel="stylesheet" href="http://www.example.com/mq/1280.css" type="text/css" media="(min-width: 1280px)"/> 
    <link rel="stylesheet" href="http://www.example.com/mq/1600.css" type="text/css" media="(min-width: 1600px)"/> 
<![endif]--> 

Answer 1

справа, получил его. Похоже, что IE IE 7 включает только все IE вверх. Вместо этого нам нужно также включить браузеры, которые не являются IE.

так ...

<!--[if (gt IE 7)|!(IE)]><!--> 
    <link rel="stylesheet" href="http://www.example.com/mq/1024.css" type="text/css" media="(min-width: 1024px)"/> 
    <link rel="stylesheet" href="http://www.example.com/mq/1280.css" type="text/css" media="(min-width: 1280px)"/> 
    <link rel="stylesheet" href="http://www.example.com/mq/1600.css" type="text/css" media="(min-width: 1600px)"/> 
<![endif]-->