IE条件注释不起作用

Question

我对所有的台式机和另一style_mobile.css移动设备style_desktop.css。

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<link rel="stylesheet" media="screen and (min-device-width:781px)" type="text/css"
      href="style_desktop.css"/>
<link media="only screen and (max-device-width: 780px) and (min-device-width: 320px)"
      href="style_mobile.css" type="text/css" rel="stylesheet"/>

上面的代码工作正常，但IE 8及以下版本除外。 我想这是因为IE 8及以下版本无法识别“（min-device-width：781px）”

因此，我更新了如下代码，但仍无法正常工作。

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<link rel="stylesheet" media="screen and (min-device-width:781px)" type="text/css"
      href="style_desktop.css"/>
<link media="only screen and (max-device-width: 780px) and (min-device-width: 320px)"
      href="style_mobile.css" type="text/css" rel="stylesheet"/>
 <!--[if lt IE 9]>
      <link rel="stylesheet" type="text/css" href="style_desktop.css"/>
 <![endif]-->

如果它是任何桌面浏览器，我都希望链接style_desktop.css 。
如果它是任何移动浏览器，我都希望链接style_mobile.css 。

通过测试，我发现条件注释不起作用。

编辑：
我正在使用wordpress，如果有什么不同。 我删除了get_template_directory_uri（）; 从href只是为了清楚起见。

Answer 1

您可以尝试为较旧的IE启用HTML5和CSS3：

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