我正在使用Bootstrap 3框架进行新的设计。在Safari、Chrome和火狐浏览器上都能正常工作,但在IE8上就不行了。我已经在我的functions.php文件中添加了respond.min.js和html5shiv.js。正如我在Chrome的'inspect-element -> resources‘中看到的那样,这些文件被加载了。
尽管如此,在IE8中,网站还是显示为移动设备,这是不正确的。
如何解决这个问题?
发布于 2013-11-28 17:37:16
我的head标签:
<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有安全限制。
发布于 2013-12-23 02:11:34
在谷歌上搜索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/
发布于 2014-11-14 14:49:34
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
https://stackoverflow.com/questions/18954614
复制相似问题