阻止浏览器阅读媒体查询

时间:2013-09-17 12:47:13

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

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

2 个答案:

答案 0 :(得分:1)

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

@media CSS代码将被忽略。

我认为你没有使用polyfill。

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

答案 1 :(得分:0)

您可以为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]>