2

我有一个运行 Bootstrap 3 的网站，并且可以在除 IE8 之外的所有浏览器上完美运行。这是不支持媒体查询的问题，因此内容会像在移动设备上运行一样延伸。

我尝试过包含来自 Google 的 respond.js、html5shiv.js 和 html5shim。还包括元 http-equiv-tag。媒体查询似乎仍然不起作用。

另外，我知道 respond.js 不能在本地工作，因为它是 xmlHttpRequest-thingy，但是这个站点在网络服务器上运行。

我还确保同时找到了 respond.js 和 html5shiv.js 并且链接没有损坏。

有任何想法吗？

4

4 回答 4

3

好的，所以无响应的 css 文件并不是我们想要的。但是，我们发现了问题：

IE8 似乎不喜欢@import-property。

我们使用了一个全局 css 文件来导入必要的样式。将所有样式表移动到标题并使用普通链接标记包含它们时，它可以工作。

奇怪的是，常规引导样式（按钮、背景等）被正确导入。网格系统不是。我猜 Internet Explorer 以神秘而迟钝的方式工作。

于 2013-09-20T16:53:27.977 回答
1

我有同样的问题。就我而言，是 QUIRKS 模式搞砸了。IE 可以通过替换标准强制进入 Quirks 模式（建议使用 Bootstrap 3.0）：

<!DOCTYPE HTML>

到

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
于 2013-10-31T14:08:34.930 回答
1

始终确保在加载 jQuery后加载以下脚本。

特别是在 WordPress 和其他框架中，有些人倾向于在结束标记之前包含 jQuery，因此在 html5shiv.js 和 respond.js 脚本之后，这会导致 IE8 出现问题

<!-- Include first -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.js"></script>
<![endif]-->
于 2014-08-12T10:38:00.767 回答
0 
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Bootstrap core CSS -->
    <link href="css/modern-business.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/modern-business.js"></script>
     <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.js"></script>
    <![endif]-->  
    </head>

如果您想在本地尝试...通过 localhost 尝试，或者创建一个 QA 服务器并设置内容并尝试。我们需要用于 bootstrap 3 的 respond.js，如果我们只是将它放在 js 中并将其附加到标头中的 html，它将无法在本地机器上工作。它会说访问被拒绝。它只能通过服务器工作，因为即有安全限制。:P

于 2013-11-28T09:23:56.433 回答