我正在使用Bootstrap 3框架进行新设计。所有在Safari,Chrome和Firefox中都可以正常工作,但在IE8中无法正常工作。我在我的functions.php文件中添加了respond.min.js和html5shiv.js。 这些文件得到加载,我可以在“检查元素见 - 在Chrome>资源”Bootstrap 3和IE8问题
尽管如此,IE8,该网站显示为是在移动设备,这是不正确
。如何解决这个
我正在使用Bootstrap 3框架进行新设计。所有在Safari,Chrome和Firefox中都可以正常工作,但在IE8中无法正常工作。我在我的functions.php文件中添加了respond.min.js和html5shiv.js。 这些文件得到加载,我可以在“检查元素见 - 在Chrome>资源”Bootstrap 3和IE8问题
尽管如此,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>
如果您想尝试在本地,通过本地主机尝试,或创建一个QA服务器,并设置内容,并尝试
我们需要引导程序3的respond.js,如果我们只是把它放在js中并将它附加到html的头部,它不会在本地机器上工作。
它会说access denied
,它只能通过服务器工作,因为IE有安全限制。
当谷歌搜索引导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/
引导将在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
回应.js
html5shiv.js
引导IE支持的详细信息:http://getbootstrap.com/getting-started/#support
前或你的JavaScript之后定义样式表? –
嗨Jason,他们是在javascript之前定义的。 – Quinox
我一直在为我的项目使用Initializr,并从来没有这个问题:http://www.initializr.com/(澄清:Initializr给你一个预先定义的包与响应和Bootstrap已经正确设置) –