Question

问题是该网页使用 Internet Explorer 8 中的引导程序显示网站的移动版。在阅读更多主题时，我发现默认情况下，媒体查询在IE8中无效。

我已阅读过建议使用respond.js的主题。我这样做了，我也遵循了包含css / scripts的顺序。

在 head 标记中：

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" /><!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="/js/html5shiv.js"></script>
  <script src="/js/respond.min.js"></script>
<![endif]-->

在正文标记

中

<script src="/js/jquery-latest.min.js"></script>
<script src="/js/bootstrap.min.js"></script>

该网站可公开访问，而不是本地Web服务器。

我一定是做错了，因为IE8没有像其他浏览器那样显示网站。我能做错什么？

Answer 1

的 1。浏览器

首先看看你是否继续在浏览器中运行脚本。

<强> 是

jumbotron ...这个网站看起来像你想要的那样。

否

jumbotron ...此网站看起来像移动视图。如果你按否，那么其他网站也看起来像移动视图。我在IETester上测试了这个。

的 2。与response.js
的CDN问题
使用带有response.js的本地文件作为上述here

仅供参考 - 我在bootstrap 3中开发了www.spectraforce.com网站，它在IE8中运行良好

Answer 2

IE11开发者工具不会接受条件评论，因此您的html5shiv.js和respond.min.js文件不会被包含在内。

有Connect bug report描述问题。根据{{3}}，问题应该在IE11更新中修复，但似乎还没有下载。

Answer 3

您需要添加Respond.js。就我所知，Modernizr并不包含该功能。

如果您在最新版本的IE中进行测试，并尝试模拟ie8，则您的条件标签无法正常工作。我用它来测试旧版本的IE .. https://www.virtualbox.org/

Answer 4

请尝试以下代码。

 <head>

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" /> 

<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/files/css3-mediaqueries.js"></script>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

 </head>

Bootstrap在ie8中显示移动视图

4 个答案:

的 1。浏览器

的 2。与response.js