尽管实现了response.js和css3-mediaqueries.js，但响应式Bootstrap页面仍无法在IE8中运行

Question

在努力使Bootstrap响应页面在IE8中工作后，我已经对其进行了令人难以置信的简化，创建了一个非常基本的页面，该页面仅应使用“可见”类显示浏览器的大小，但仍无法正确显示该页面。在IE8中。 我已经阅读了response.js必须与CSS处于同一子域的地方，并进行了修复，但仍然无法正常工作。 经过大量的试验和错误，通读文档（getbootstrap.com，responsejs.com等），并阅读关于stackoverflow的一些线程，我想我应该发布我的问题。

这是应该显示浏览器大小的代码，该页面托管在登陆页面，营销自动化程序Eloqua中，因此存在CSS和JS文件的奇怪且冗长的URL：

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- Bootstrap -->
    <link href="http://images.response.test.com/Web/test/{08fa83ba-e64a-401e-a642-8bc74434d750}_bootstrap.min.css" rel="stylesheet">

    <!--[if lt IE 9]>
      <script src="http://images.response.test.com/Web/test/{5cdf751f-5097-4163-a9f3-b03c33408410}_html5shiv.js"></script>
      <script src="http://images.response.test-mail.com/Web/test/{7caa6bb7-1d4d-422e-bfaa-e4f4afdb8da1}_respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>IE8 Test</h1>
    <p>The Bootstrap grid type should be displayed below: </p>
    <div class="container">
        <p class="visible-lg">Large grid is being displayed. The grid stacks horizontally &lt; 1200px. </p>
        <p class="visible-md">Medium grid is being displayed. The grid stacks horizontally &lt; 992px. </p>
        <p class="visible-sm">Small grid is being displayed. The grid stacks horizontally &lt; 768px. </p>
        <p class="visible-xs">Extra small grid is being displayed. This grid is always horizontal. </p>
    </div>

    <script src="https://code.jquery.com/jquery.js"></script>
    <script src="http://images.response.test-mail.com/Web/test/{08fa83ba-e64a-401e-a642-8bc74434d750}_bootstrap.min.css"></script> 
    <script src="http://images.response.test-mail.com/Web/test/{4f3edd38-e24f-4f56-8336-dbb33cc5567b}_css3-mediaqueries.js"></script>
  </body>
</html>

谢谢你的帮助。

Answer 1

在GetBootstrap.com文档中，它基本上读取到，Respond.js使用的任何CSS必须是从html文档根目录开始的相对路径，因此您不能在CSS网址中使用绝对路径，否则您可以设置根据Respond.js文档的代理。

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

DOCS： https ： //github.com/scottjehl/Respond