Question

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

Answer 1

嗯，你不需要为IE7切换媒体查询，因为我认为它们不受支持。

@media CSS代码将被忽略。

我认为你没有使用polyfill。

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

Answer 2

您可以为IE7创建一个不同的CSS文件，为其他浏览器创建另一个CSS文件。要选择适合用户浏览器的样式表，请在html文件的“head”标记中使用条件注释。

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

阻止浏览器阅读媒体查询

2 个答案: