Question

我已经阅读了几天修复IE8和Bootstrap的方法。

网站：www.sevensage.com/hueler

它适用于所有其他版本和所有其他浏览器。一旦你点击IE8，它就会崩溃并恢复到一列移动视图。此外，我没有在本地查看此站点，它位于我的服务器上。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/hueler-styles.css">
<link rel="stylesheet" type="text/css" href="css/component.css">
<link rel="stylesheet" href="css/print.css" type="text/css" media="print">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" type="text/javascript"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/modernizr.custom.js"></script>

<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  <script src="js/modernizr.custom.js"></script>
  <link rel="stylesheet" href="css/bootstrap-ie.css">
<![endif]-->

Answer 1

不幸的是，当css文件位于不同的域时，response.js不起作用。但是，您可以对其进行设置以使其正常工作并且不会太困难。看看这些说明：

Respond.js通过AJAX请求CSS的原始副本，   因此，如果您将样式表托管在CDN（或子域）上，则需要   上传代理页面以启用跨域通信。

有关演示的信息，请参阅跨域/ example.html：

将跨域/ respond-proxy.html上传到您的外部域上传   跨域/ respond.proxy.gif到您的原始域参考   文件通过元素：

<link href="/path/to/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />


<script src="/path/to/respond.proxy.js"></script>

来自Github repository。此方法适用于Bootstrap CDN。

Answer 2

所以它似乎链接到：

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css">

不适用于IE8，特别是如果您正在使用跨域（根网站中的网站）。

你必须链接到一个本地（我的是非小型）版本的bootstrap CSS和respond.js，或者使用其中一个评论员描述的方法。

<link rel="stylesheet" href="css/bootstrap.css"> (linking directly)

另一个提示，以防你遇到样式加载的问题 - 确保在自定义样式之前加载boostrap.css。

干杯！

Bootstrap IE 8及以下

2 个答案: