Question

我正在建立一个移动优先网站，我被困在菜单上。
一切都适用于Firefox，Chrome，Safari和歌剧;你可以看到here。

但是，当然，浏览器堕胎，互联网资源管理器的可怜借口不支持媒体查询。所以我开始浏览并找到我 diot E xperience媒体查询问题的javascript解决方案。 （看看我在那里做了什么？） Respond - by scottjehl

所以我很快就实现了脚本并抓住了我的蛋糕，开始庆祝这个浏览器世界渗透的阴囊的胜利。但是，唉，剧本什么都没做，我又回到了微软引发的抑郁症中。

我将脚本实现到我的标题中，如下所示：

 <!--[if (lt IE 9) & (!IEMobile)]>
    <script type="text/javascript" src="js/respond.min.js"></script>
 <![endif]-->

我在关闭媒体查询之前添加了评论。

/*/mediaquery*/

任何人都知道这里可能出现什么问题？

Answer 1

解决了它。与我的DOCTYPE有关。不支持旧版本的IE。

此代码修复了它：

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

IE媒体查询javascript'响应'不起作用

1 个答案: