如何正确编写媒体查询，以便在IE中使用一个样式表，并在所有其他浏览器中使用另一个样式表？
媒体查询是一种在CSS中使用的技术，用于根据设备的特性和屏幕尺寸来应用不同的样式。在编写媒体查询以在IE中使用一个样式表并在其他浏览器中使用另一个样式表时，可以按照以下步骤进行：
- 首先，需要在HTML文档的
<head>标签中引入两个样式表，一个用于IE浏览器，另一个用于其他浏览器。例如：
<head>
<link rel="stylesheet" href="ie-styles.css" media="all">
<link rel="stylesheet" href="other-styles.css" media="not all">
</head>- 接下来，需要在
ie-styles.css样式表中编写适用于IE浏览器的样式规则。这些样式规则将在IE浏览器中生效。 - 然后，在
other-styles.css样式表中编写适用于其他浏览器的样式规则。由于media属性被设置为not all，这些样式规则将在除IE以外的所有浏览器中生效。
下面是一个示例：
/* ie-styles.css */
body {
background-color: yellow;
}
/* other-styles.css */
body {
background-color: blue;
}在上述示例中，IE浏览器将使用ie-styles.css样式表中的样式规则，而其他浏览器将使用other-styles.css样式表中的样式规则。
需要注意的是，以上方法仅适用于较旧的IE浏览器版本（如IE9及更早版本）。对于较新的IE浏览器版本和其他现代浏览器，建议使用CSS3中的媒体查询功能来实现响应式设计。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
如何正确编写媒体查询，以便在IE中使用一个样式表，并在所有其他浏览器中使用另一个样式表？
javascript、html、css
如何正确编写媒体查询，以便在IE中使用一个样式表，并在所有其他浏览器中使用另一个样式表？我正在尝试媒体查询，IE检测在@media screen上似乎工作得很好，如下例所示：@media screen{
color:
浏览 6提问于2017-08-18得票数 1
回答已采纳
1回答
使用较少嵌套媒体查询的Mobile first方法-寻找条件注释的IE10替代方案
css、less、conditional-comments
yellow;}
我对CSS采取了移动优先的方式，从小屏幕(没有媒体查询)到越来越大的断点(使用媒体查询)。很明显，IE <= 8不支持媒体查询，所以我希望这些浏览器能够使用“桌面样式”。我现在有一个单独的IE样式表，其中包含“桌面”样式。问题的一部分是，当涉及到我应该如何包含这两个单独的样式表时，以防止旧的<e
浏览 0提问于2013-09-13得票数 1
1回答
向ie8显示媒体查询的内容
css、responsive-design
有一个相当古老的 (技术3)，它说如果你像这样开始一个媒体查询：然后，理解媒体查询的浏览器将理解整个媒体查询，其中较旧的ie将忽略"all and“之后的所有内容。所以在理论上，老的ie仍然可以看到查询中的所有内容。这对于ie
浏览 1提问于2012-11-22得票数 0
5回答
SASS 3.2媒体查询和Internet Explorer支持
css、sass、responsive-design
我最近在一个项目中使用@content块在SASS3.2中实现了，并且我刚刚需要包含对旧浏览器(如IE7和8 )的支持。medium-screens
padding-top: 19px;}
它们都不支持媒体查询，我过去经常通过向这些浏览器提供所有样式来处理这一问题，当我将媒体</
浏览 3提问于2012-05-16得票数 7
2回答
有没有什么办法可以让IE9忽略媒体查询或遵守最小宽度？
我有一个网站，我使用媒体查询来响应移动设备的设计，它们工作得很好，它们在所有现代浏览器中也都工作得很好。问题是，我有一些用户正在使用相当旧的浏览器(有些用户仍然在使用IE6，不管你信不信，他们自己没有错，完全不可避免)，所以我为IE9设置了一个条件
浏览 45提问于2017-02-11得票数 0
回答已采纳
5回答
CSS无法在IE8上加载
html、css、internet-explorer-8
我在开发一个网站的过程中。除了没有一个css能在IE8上工作这一事实，它进展得很好。我一直在网上阅读，在理解各种提供解决方案的指南和技巧时遇到了一些麻烦。有什么建议可以让它开始工作吗？--[if IE 8]> <!"swing"
});
浏览 0提问于2013-07-12得票数 1
回答已采纳
2回答
LINKed样式表是否已从指定媒体中加载？
html、css、media-queries
我希望在链接标记中定义的设备宽度中的样式表，如果不适用，甚至不会加载。我可以通过将导入行放在底部，从主样式表(用于手持设备)导入它，前提是我知道在解析完css的其余部分(包括图像)之后才会导入该文件。
那么，当指定媒体属性时，链接标记的行为是什么？
浏览 4提问于2014-06-08得票数 3
回答已采纳
2回答
IE8不会加载我的CSS
html、css、internet-explorer-8、modernizr
我知道以前有人问过这个问题，但这个案子不适用于其他案件。Internet 8不想加载样式表。我尝试过使用现代派(虽然我可能使用错了)。我已经尝试在我的脑海中添加了以下代码：<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--
浏览 2提问于2013-09-09得票数 1
回答已采纳
1回答
如何将ie的单独样式表附加到媒体查询样式表旁边
html、css、internet-explorer、stylesheet、media
我已经在我的dreamweaver网站上附加了一个媒体查询样式表，在所有浏览器中都能正常工作。只有在IE中才不会显示任何样式。我不需要IE网站的响应，但我需要它只显示简单的风格。我试着把这段代码放在head标签中： <link rel="stylesheet" type="text/css" hre
浏览 1提问于2014-03-03得票数 0
1回答
响应式媒体查询IE
internet-explorer、media-queries
我在Wordpress上有一个响应式的网站，除了IE浏览器之外，它在所有平台上都能很好地工作。为了解决IE的响应问题，我使用了一个名为respond.js的插件，这个插件非常棒，可以将我的媒体查询从主样式表引入IE。
我的问题是IE中有一些元素丢失或div位置改变了。现在我听说你可以为浏览器调用一个单独的ie样式表</e
浏览 0提问于2013-04-16得票数 0
2回答
我应该在响应式Web设计中使用哪种媒体类型？
html、css、media-queries、responsive-design
我看到一些人在媒体查询中使用"only screen“，其他人使用"all"，其他人使用"screen and print"，其他人使用”screen“(没有"only")，其他人没有指定媒体类型。我不打算将特定的CSS用于打印或其他媒体。我应该使用“只显示屏幕”吗？我不应该指
浏览 0提问于2012-02-04得票数 4
回答已采纳
1回答
由于ie8兼容模式的特殊css，我如何使用JavaScript为媒体打印编写css？
javascript、css、printing、internet-explorer-8、compatibility
我正在为@media print设置一些css，我不得不使用IE条件来使其跨浏览器兼容。看看这里和其他地方，似乎没有检测IE8兼容模式的IE条件。要做到这一点，唯一的方法就是使用元标记或JavaScript，对吗？
我知道如何在JavaScript中检测兼容模式。我的问题是如何使用JavaScript为@media print编写一行特殊的css。如果有必要，我将满足于链接到单独的
浏览 0提问于2011-11-10得票数 3
3回答
浏览器小时隐藏面板
javascript、html、css
我有一个关于根据浏览器大小显示/隐藏内容的问题。主站点的宽度为1000px。在1000px之外的右手边有一个小面板，用于显示特殊内容。特殊内容的宽度是200px，这意味着当浏览器的宽度小于1400px时，我会在底部看到一个垂直滚动条。我使用了以下代码： #side-items {
display:n
浏览 0提问于2014-07-08得票数 0
2回答
如何从IE10及更高版本中排除样式表
css、media-queries、internet-explorer-10、conditional-comments
我有几个不同的样式表，其中一个有@media查询，出于某种原因，无论IE中的屏幕大小如何，都会加载这些查询。@media查询在我的主Site.css文件中，所以我将它们移到了一个适用于所有浏览器的“新”样式表中。如果将它们放在特定于IE的样式表中，并从所有其他</em
浏览 5提问于2014-08-16得票数 0
11回答
IE8对CSS Media Query的支持
html、css、responsive-design、internet-explorer-8、media-queries
IE8是否不支持以下CSS媒体查询：如果不是，另一种写作方式是什么？同样的方法在Firefox中也能正常工作。
下面的代码有什么问题吗？
浏览 2提问于2011-04-24得票数 178
回答已采纳
2回答
获取媒体查询的IE7元素
internet-explorer-7、media-queries
IE7正在扫描我的css中的所有样式，而不管它们是否在媒体查询中。我以为IE7/8忽略了媒体查询。它并没有忽视它们，它只是穿透并抓住了所有的风格。非常奇怪。我试图寻找一个解决方案，但我所能找到的就是破解它的方法，这样媒体查询就可以在IE7中工作了。
最好的方法是为IE7中不加载的<e
浏览 1提问于2013-01-16得票数 2
1回答
跳过IE8的CSS块
css、internet-explorer-8
我正在设计一个响应网站。我的CSS文件从移动布局的块开始，然后是记事本布局的媒体查询和桌面布局的另一个媒体查询。我想对不支持媒体查询的IE8做出一些让步。因此，按照当前的结构，当在IE8中查看我的站点时，它会返回到移动布局，这是样式表中遇到的第一个CSS块。桌面监视器的外观并不好，我希望IE8用户也是这样。是否可以在CSS工作表
浏览 1提问于2013-09-11得票数 0
6回答
在媒体查询中，“屏幕”和“只屏幕”有什么区别？
css、media-queries
在媒体查询中，screen和only screen有什么区别？/>为什么要求我们使用我见过许多响应性网站使用这三种不同的方式：@media (max-widt
浏览 4提问于2011-12-18得票数 579
1回答
浏览器默认缩放的CSS问题
javascript、html、css、cross-browser
我有一个网站，运行一个媒体查询的最小宽度(即浏览器窗口大小)，在样式表上运行时，宽度为1024 ie及以下，另一个当1025及以上。我还使用respond.js来确保IE8和更早时实际运行样式表。Chrome、FF和IE都在我尝试过的所有台式计算机上正确显示站点，在我的11.6英寸笔记本电脑上显示得很完美，然而FF和IE 10显
浏览 0提问于2014-02-25得票数 1
回答已采纳
2回答
要加载资源的媒体查询？
css、media-queries
我想把我相当大的CSS文件分解成单独的、专门的、样式表--一个用于移动、平板和桌面。我的目的是要减少在移动上下载的数据量(当我可以下载一个40 of的文件时，为什么要下载包含移动平板和桌面样式的600 of文件呢？)。但是在开发工具中，我可以看到浏览器下载所有三个css文件，不管我
浏览 6提问于2015-09-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
