IE的媒体查询解决方案正在扰乱整个过程。

Question

<![if lt IE 9]>
<link rel="stylesheet" type="text/css" href="cssfiles/1024.css" />
<![endif]>

<link rel="stylesheet" media="(min-width: 0px) and (max-width: 1024px)" href="cssfiles/1024.css" />
<link rel="stylesheet" media="(min-width: 1025px)and (max-width: 1366px)" href="cssfiles/1366.css" />
<link rel="stylesheet" media="(min-width: 1367px)" href="cssfiles/1367.css" />

如果没有IE，查询就能正常工作。但是，当我添加IE工作正常，但是当我调整浏览器的大小时，只能使用chrome (我只在chrome中测试)，1024和1366查询可以正常工作，但是1367将被1024所取代。

请帮帮我

Answer 1

您缺少了条件注释中使其成为浏览器注释的部分。

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="cssfiles/1024.css" />
<![endif]-->

添加破折号，让浏览器知道这个片段是一个注释，不被呈现。Internet将从那里拿起它，如果它适用的话，将呈现评论。目前，它的格式不像注释，所以所有浏览器都试图解析它，从而导致无效的HTML标记。

参考： 有条件的注释