2

在我的网站中,我有一个包含所有媒体查询的 css 文件。如果它的 IE8,我如何使用不使用该文件的条件?我正在使用 html 和 jquery。IE8 不支持媒体查询。所以我想限制 IE8 来获取那个 media-queries.css 文件。但所有其他浏览器都应该得到它。它可以是 jquery 或 javascript。

CSS包含在头部中:

<head>
    <link rel="stylesheet" type="text/css" href="/templates/css/style.css" />
    <!-- dont want this only in IE8 and bellow -->
    <link rel="stylesheet" type="text/css" href="/templates/css/media-queries.css" />
</head>
4

1 回答 1

4

只需使用:

<link rel="stylesheet" type="text/css" href="/templates/css/style.css" />
<!--[if gt IE 8]><!--> 
    <link rel="stylesheet" type="text/css" href="/templates/css/media-queries.css" />
<!--<![endif]-->

该代码的意思是:如果大于 IE8,请注意这个 html。只有 IE 会读取这些查询,因此通过添加<!-->其他<!--浏览器只会看到两条评论,其中包含指向 CSS 文件的链接。

于 2013-09-10T11:42:09.910 回答