Css 仅加载IE的低级媒体查询

Css 仅加载IE的低级媒体查询,css,internet-explorer-7,media-queries,conditional-statements,Css,Internet Explorer 7,Media Queries,Conditional Statements,我只想为IE7提供低级媒体查询(因为我不想修复所有高级布局),但我无法使用条件标记。我做错什么了吗 我使用了respond.js(https://github.com/scottjehl/Respond),所以这应该没问题,但是条件标记阻止所有浏览器加载高级媒体查询 应该发生的是,所有浏览器都应该加载所有媒体查询,而IE7和IE7应该只加载我的601.css和768.css样式表 <link rel="stylesheet" type="text/css" media="all" href

我只想为IE7提供低级媒体查询(因为我不想修复所有高级布局),但我无法使用条件标记。我做错什么了吗

我使用了respond.js(https://github.com/scottjehl/Respond),所以这应该没问题,但是条件标记阻止所有浏览器加载高级媒体查询

应该发生的是,所有浏览器都应该加载所有媒体查询,而IE7和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]-->

好的,明白了。gt IE 7似乎只包括所有向上的IE。相反,我们还需要包括不是IE的浏览器

所以



只是好奇-在IE7中,您希望用什么设备将您的网站加载到600px以下?:)当我超过600px时,IE7会弄乱布局,所以我想阻止它这样做
<!--[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]-->