我正在使用 Bootstrap 3 框架进行新设计。在 Safari、Chrome 和 Firefox 中一切正常,但在 IE8 中却不行。我在我的 functions.php 文件中添加了 respond.min.js 和 html5shiv.js。正如我在 Chrome 的“检查元素->资源”中看到的那样,这些文件被加载。
尽管如此,在 IE8 中,该站点仍以移动设备的形式显示,这是不正确的。
如何解决这个问题?
我正在使用 Bootstrap 3 框架进行新设计。在 Safari、Chrome 和 Firefox 中一切正常,但在 IE8 中却不行。我在我的 functions.php 文件中添加了 respond.min.js 和 html5shiv.js。正如我在 Chrome 的“检查元素->资源”中看到的那样,这些文件被加载。
尽管如此,在 IE8 中,该站点仍以移动设备的形式显示,这是不正确的。
如何解决这个问题?
我的头标签:
<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 中,它将无法在本地机器上工作。
它会说access denied
,它只能通过服务器工作,因为 IE 有安全限制。
Bootstrap 将在 IE 8 中运行,请按照以下步骤执行相同操作:
添加下面提到的脚本 不要使用 CDN 来从本地文件夹添加这些脚本
<!-- language: lang-html -->
<!--[if lt IE 9]>
<script src="../../scripts/IE8/html5shiv.js"></script>
<script src="../../scripts/IE8/respond.min.js"></script>
<![endif]-->
<!-- end snippet -->
注意:添加序列将非常重要
先添加你的css,然后添加那些js
Bootstrap.css
YourCustom.css
Respond.js
html5shiv.js
Bootstrap IE 支持详情: http: //getbootstrap.com/getting-started/#support
当谷歌搜索 Bootstrap 3 IE 8 时,最好的结果之一是:http ://www.telegraphicsinc.com/2013/10/using-bootstrap-3-with-internet-explorer-8-ie8/
最终它说您需要添加“”,您可以从这里获取:https ://code.google.com/p/css3-mediaqueries-js/