阻止浏览器读取媒体查询答案

【问题标题】：Stop browser from reading media queries阻止浏览器读取媒体查询
【发布时间】：2023-04-04 22:01:01
【问题描述】：

我正在构建一个响应式站点，并且按照惯例，IE7 很难容纳。我想知道是否可以仅针对 IE7 关闭所有媒体查询，并在桌面模式下仍保持所有样式/布局？

【问题讨论】：

您可以尝试将媒体查询移动到不同的样式表并使用条件注释来加载它们。有关条件评论的更多信息，请参阅this site。
您使用的媒体查询是什么？
有什么问题？ IE7 不支持媒体查询，因此无论如何它都不会解析您的媒体查询 CSS。

标签： html css internet-explorer-7 responsive-design

【解决方案1】：

好吧，您不需要为 IE7 切换媒体查询，因为我相信它们首先不受支持。

@media CSS 代码将被忽略。

我假设你没有使用 polyfill。

来源：https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Browser_compatibility

【讨论】：

【解决方案2】：

您可以制作不同的 CSS 文件，一个用于 IE7，另一个用于其他浏览器。要选择适合用户浏览器的样式表，请在 html 文件的“head”标签中使用条件 cmets。

<!--[if IE 7]>
   <link rel="stylesheet" href="css/ie7.css">
<![endif]-->
<!--[if !(IE 7)]>
   <link rel="stylesheet" href="css/normal.css">
<![endif]>

【讨论】：